<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>露天矿地理信息平台</title>
    <link rel="stylesheet" href="./fonts/remixicon.css">
    <!---->
    <link rel="stylesheet" href="libs/layui/css/layui.css">
    <link rel="stylesheet" href="libs/Cesium/Widgets/widgets.css">
    <link rel="stylesheet" href="css/video(1).css">
    <link rel="stylesheet" href="css/ShuJuChaXun.css">
    <link rel="stylesheet" href="css/ShuJuZiYuan.css">
    <link rel="stylesheet" href="css/kongjianfenxi.css">
    <link rel="stylesheet" href="css/biaoti.css">
    <link rel="stylesheet" href="css/cesium-navigation.css">
    <link rel="stylesheet" href="css/function.css">
    <link rel="stylesheet" href="css/bianpolibiao.css">
    <link rel="stylesheet" href="css/JianKongJianCe.css">
    <link rel="stylesheet" href="css/bianshou.css">
    <link rel="stylesheet" href="css/tuozhuai.css">
    <link rel="stylesheet" href="css/datastyle.css">
    <link rel="stylesheet" href="css/kongjianliangce-lsh.css">
    <link rel="stylesheet" href="css/news.css">
    <link rel="stylesheet" href="css/kongjianshuju_lww.css">


    <!--    <script src="https://cdn.bootcdn.net/ajax/libs/video.js/8.3.0/video.js"></script>-->
    <script src="libs/layui/layui.js"></script>
    <!---->
    <script src="libs/jquery/jquery.min.js"></script>
    <script src="libs/Cesium/Cesium.js"></script>
    <!--js调用-->
    <script src="js/cesiumini.js"></script>
    <script src="js/hls.min.js"></script>
    <script src="js/weather.js"></script>
    <script src="js/cesiummeasure.js"></script>
    <script src="js/echarts.js"></script>
    <script src="js/ShuJuChaXun.js"></script>
    <script src="js/spacequery.js"></script>
    <script src="js/kongjianfenxi.js"></script>
    <script src="js/ShuJuZiYuan.js"></script>
    <script src="js/CesiumNavigation.umd.js"></script>
    <script src="js/function.js"></script>
    <script src="js/tianqi.js"></script>
    <script src="js/liangcetishi.js"></script>
    <script src="js/JianKongJianCe.js"></script>
    <script src="js/draw.js"></script>
    <script src="data/data.js"></script>
    <script src="js/WallDiffuseMaterialProperty.js"></script>
    <script src="js/CircleFadeMaterialProperty.js"></script>
    <script src="js/tuozhuai.js"></script>
    <script src="js/shuxinginformation.js"></script>
    <script src="js/paomianfenxi.js"></script>
    <script src="js/areameasure.js"></script>
    <script src="js/datalist_table.js"></script>
    <script src="https://unpkg.com/@turf/turf@6.3.0/turf.min.js"></script>
    <!--    <script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.4/xlsx.full.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.7.5/proj4.js"></script>

    <script src="js/ExcelFlie.js"></script>
    <script src="js/icon_display.js"></script>
    <script src="js/xiancolor.js"></script>
    <!--    <script src="js/txthk.js"></script>-->
    <style>
        /* 去除默认样式 */
        * {
            padding: 0;
            margin: 0;
        }

        /* 设置背景 */
        body {
            background: url("images/背景-4.png") no-repeat 50% 50%;
            background-size: cover;
        }

        ul {
            list-style: none;
        }

        .top_menu {
            /*height: 95px;*/
            width: 100%;
            /*background: url(images/科技渐变蓝大标题框.png) no-repeat top center;
            background-size: 100%;*/
            height: 99px;
            background: url(images/topmenu.png) no-repeat top center;
            background-size: 102%;
            background-position-y: 20%;
        }


        a {
            display: block;
            text-decoration: none;
            font-size: 23px;
            color: rgb(205, 223, 233);
        }

        a:hover {
            text-decoration: none;
            color: rgb(177, 187, 126);
        }

        .top_menu td {
            text-align: center;
            /*float: center;*/
        }

        .top_menu li:nth-child(1) {
            margin-left: 60px;
            margin-top: 20px;
            width: 120px;
            /* background: url("images/1.png") no-repeat 0px 12px; */
            background-size: 100%;
        }

        .top_menu li:nth-child(2) {
            margin-top: 20px;
            width: 120px;
            background-size: 100%;
        }

        .top_menu li:nth-child(3) {
            margin-top: 20px;
            width: 120px;
            background-size: 100%;
        }

        .top_menu li:nth-child(4) {
            margin-left: 70px;
            margin-top: 10px;
            font-size: 30px;
            font-weight: 100;
            width: 500px;
            color: rgb(205, 223, 233);
        }

        .top_menu li:nth-child(5) {
            width: 100px;
            margin-top: 10px;
            margin-left: 40px;
            color: rgb(205, 223, 233);
        }

        .top_menu li:nth-child(6) {
            width: 100px;
            margin: 15px 20px 0px;
        }

        .top_menu li:nth-child(7) {
            margin: 15px 20px 0px;
            width: 80px;
            height: 40px;
            display: flow-root;
        }

        .top_menu li:nth-child(8) {
            width: 120px;
            margin: 15px 5px 0px;
            display: flow-root;
        }

        .top_menu li:nth-child(9) {
            width: 140px;
            margin: 15px 5px 0px;
            display: flow-root;
        }

        .top_menu li i {
            float: left;
            font-size: 25px;
        }


        hr {
            background-color: rgba(205, 223, 233, 0.4);
            height: 1px;
            border: none;
        }

        .bg1{
            background-image: url(images/首页.png);
            right: 145px;
            top: 5px;
        }
        .bg2{
            background-image: url(images/人.png);
            right: 100px;
            top: 5px;
        }
        .bg3{
            position: fixed;
            background-image: url(images/关闭按钮.png);
            border-radius: 50%;
            height:20px;
            width: 20px;
            right: 12px;
            top: 11px;
        }

        .home {
            position: fixed;
            background-position-x: -1px;
            background-position-y: -1px;
            border-radius: 50%;
            height:29px;
            width: 29px;
            border: none;
            cursor: pointer;
        }


        .background_img {
            background: url("images/1.png") no-repeat 0px 12px;
        }

        .mid_content {
            width: 100%;
            margin: 0 auto;
            height: 89.1%;
            position: absolute;
        }

        .top_introduction {
            /*position: absolute;*/
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 35%;
            top: 20px;
            left: 46px;
            background-image: url("./images/首页/背景.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }


        .font_border {
            width: 400px;
            display: flow-root;
        }

        .font_border img:first-child {
            width: 30px;
            display: block;
            float: left;
        }

        .font_border img:nth-child(2) {
            width: 370px;
            display: block;
            float: right;
            margin-top: 6px;
        }

        .top_introduction div:nth-child(3) {
            margin-left: 5px;
            font-size: 16px;
            color: rgb(205, 223, 233);
            text-indent: 2em;
            line-height: 2;
        }
        .home_left{
            position: absolute;
            width: 450px;
            height: 98%;
            top: 7px;
            left: 9px;
            display: flex;
            flex-direction: row;
            align-items: center;

        }
        .home_left_left{

            width: 90%;
            height: 98%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .home_left_right{
            width: 8%;
            height: 98%;
            background-image: url("./images/首页/左边箭头.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .home_right{
            position: absolute;
            width: 450px;
            height: 98%;
            top: 7px;
            right: 9px;
            display: flex;
        }
        .home_right_left{
            width: 8%;
            height: 98%;
            background-image: url("./images/首页/右边箭头.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;

        }
        .home_right_right{
            width: 90%;
            height: 98%;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            /*width: 8%;*/
            /*height: 98%;*/
            /*background-image: url("./images/首页/左边箭头.png");*/
            /*background-size: 100% 100%;*/
            /*background-repeat: no-repeat;*/
        }
        .left_echarts {
            /*position: absolute;*/
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 60%;
            /*top: 300px;*/
            /*left: 46px;*/
            background-image: url("./images/首页/背景.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .fenlei {
            margin-left: 40px;
            font-size: 18px;
            color: rgb(205, 223, 233);
            font-weight: bold;
        }

        /*#main {*/
        /*    background-color: rgba(0, 17, 28, 0.6);*/
        /*    border-radius: 20px;*/
        /*    width: 450px;*/
        /*    height: 400px;*/
        /*}*/
        .main_cmltj{
                width: 90%;
                height: 90%;
        }

        .top_right_echarts {
            /*position: absolute;*/
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 48%;
            /*top: 20px;*/
            /*right: 46px;*/
            background-image: url("./images/首页/背景.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        #main2 {
            background-color: rgba(0, 17, 28, 0.6);
            border-radius: 20px;
            width: 400px;
            height: 200px;
        }

        #main2>div {
            height: 66px;
            color: rgb(205, 223, 233);
            line-height: 66px;
            font-size: 18px;
            text-indent: 2em;
        }

        .bottom_right_echarts {
            display: flex;
            flex-direction: column;

            /*position: absolute;*/
            width:100%;
            height: 48%;
            /*top: 300px;*/
            /*right: 46px;*/
            background-image: url("./images/首页/背景.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .title_{
            width:100%;
            height: 65px;
            background-image: url("./images/首页/横杠.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: nowrap;
            color: #FFFFFF;
            font-size: 20px;
            font-family: Arial, sans-serif;
            font-weight: bold; /* 字体加粗 */
            -webkit-text-stroke: 1px #29577e; /* 字体轮廓颜色和宽度 */
        }
        .center_{
            width:100%;
            flex:1;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: center;
            position: relative; /* 父元素设为相对定位 */
        }
        .ksyxqk{
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: space-around;
        }
        .ksyxqk_1{
            width: 98%;
            height: 100px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
        }
        .ksyxqk_1_img{
            background-image: url("./images/首页/矿山运营情况小背景.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
            width: 85px;
            height: 85px;
            margin-left: 10px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
        }
        .ksyxqk_c_t{
            color: #FFFFFF;
            font-size: 15px;
            margin-left: 10px;
            font-family: Arial, sans-serif;
            font-style: italic; /* 字体斜体 */
            -webkit-text-stroke: 0.1px #29577e; /* 字体轮廓颜色和宽度 */
        }
        .ksyxqk_c{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-start;
        }
        .people_chart_tz{
            width: 100%;
            height: 10%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-start;
        }


        .layui-form-label {
            position: relative;
            float: left;
            display: block;
            padding: 9px 4px;
            width: 90px;
            font-weight: 400;
            line-height: 20px;
            text-align: right;
        }

        #main3 {
            background-color: rgba(0, 17, 28, 0.6);
            border-radius: 20px;
            width: 400px;
            height: 400px;
        }

        .ChaXun_left_all {
            position: absolute;
            width: 450px;
            top: 20px;
            left: 46px;
        }

        .ChaXun_left_all_div {
            display: none;
        }

        .ChaXun_left_all_div_color {
            background-color: rgba(13, 38, 68, 1);
        }

        .ChaXun_left_all_div_jl {
            position: fixed;
            /*bottom: 5%;*/
            left: 50%;
            transform: translateX(-50%);
            display: none;
            /*line-height: 100px;*/
            text-align: center;
            margin: auto;
            background-color: rgba(13, 38, 68, 0.7);
            /* margin-top: 50%; */
            bottom: 9.4%;
            /*left: 23.5%;*/
            width: 597px;
            height: 143px;
            border-radius: 8px;
        }

        .layui-form-select dl dd.layui-this {
            background-color: #0f668b;
            color: #ffffff;
        }

        .btn1_btn2 {
            margin-left: 40px;

            color: rgb(205, 223, 233);
            font-weight: bold;
            width: 300px;
            display: flow-root;
        }

        .btn1 {
            float: left;

        }

        .btn1 a,
        .btn2 a {
            font-size: 18px;
        }

        .btn2 {
            float: left;
            margin-left: 100px;

        }

        .table {
            box-sizing: border-box;
            border: 1px rgba(205, 223, 233, 0.4) solid;
            height: 300px;
            width: 370px;
            margin-top: 5px;
        }

        .table li {
            list-style: none;

        }

        .table li a {
            font-size: 16px;
        }

        .table li:first-child {
            background-color: rgba(62, 80, 84, 0.6);
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 20px;
            color: rgb(205, 223, 233);
        }

        .table li:not(:first-child) {
            background-color: rgba(62, 80, 84, 0.1);
            text-align: center;
            height: 30px;
            line-height: 30px;
        }

        .table li:not(:first-child):hover {
            background-color: rgba(62, 80, 84, 0.6);
        }

        .table a:hover {
            color: rgb(177, 187, 126);
        }

        .buttom_introduction {
            position: absolute;
            width: 450px;
            top: 400px;
            left: 46px;
        }

        .top_right_table {
            display: none;
            position: absolute;
            width: 400px;
            bottom: 30px;
            left: 45px;
        }

        .buttom_right_table {
            position: absolute;
            width: 400px;
            top: 400px;
            right: 5px;
        }

        #cesiumContainer {
            margin: 0;
            border: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: #bfa;
            float: left;
        }


        /*弹窗样式*/
        .popup {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 100;
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

        .popup label {
            display: inline-block;
            margin-bottom: 5px;
        }

        .popup input[type="text"] {
            width: 100%;
            padding: 5px;
            margin-bottom: 10px;
            border-radius: 5px;
            border: 1px solid #ccc;
        }

        .popup button {
            display: block;
            width: 100%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            background-color: #008CBA;
            color: white;
            cursor: pointer;
        }

        .popup button:hover {
            background-color: #006A8E;
        }

        .tubiao {
            position: absolute;
            top: 873px;
            left: 600px;
            width: 614px;
            height: 50px;
            z-index: 999999;


        }

        .tubiao div {
            float: left;
            width: 14%;
            color: rgb(205, 223, 233);
            margin-left: auto;

        }

        .tubiao div:hover {
            color: rgb(177, 187, 126);
            cursor: pointer;
        }

        .btn {
            /*background-image: url(images/指标卡3.png);
            background-size: 80% 100% !important;
            background-repeat: no-repeat !important;
            background-position: center top !important;*/
            background-image: url(images/shuxing.png);
            background-size: 100% 120% !important;
            background-repeat: no-repeat !important;
            background-position: center ;
        }
        .btn:hover{
            background-image: url(images/xuanzhong.png);
            background-size: 110% 120% !important;
            background-repeat: no-repeat !important;
            background-position-x: 112%;
        }
        /*}*/

        .tree {
            width: 200px;
            height: 300px;
            background-color: #504c4c;
        }

        .button::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

        .button {
            display: inline-block;
            *display: inline;
            zoom: 1;
            padding: 6px 20px;
            margin-left: 100px;
            cursor: pointer;
            border: 1px solid #bbb;
            overflow: visible;
            font: bold 13px arial, helvetica, sans-serif;
            text-decoration: none;
            white-space: nowrap;
            color: #555;

            background-color: #ddd;
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
            background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            background-image: linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

            -webkit-transition: background-color .2s ease-out;
            -moz-transition: background-color .2s ease-out;
            -ms-transition: background-color .2s ease-out;
            -o-transition: background-color .2s ease-out;
            transition: background-color .2s ease-out;
            background-clip: padding-box;
            /* Fix bleeding */
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
            box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
            /*text-shadow: 0 1px 0 rgba(255,255,255, .9);*/

            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .button:hover {
            background-color: #eee;
            color: #555;
        }

        .button:active {
            background: #e9e9e9;
            position: relative;
            top: 1px;
            text-shadow: none;
            -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
            box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
        }

        .button[disabled],
        .button[disabled]:hover,
        .button[disabled]:active {
            border-color: #eaeaea;
            background: #fafafa;
            cursor: default;
            position: static;
            color: #999;
            /* Usually, !important should be avoided but here it's really needed :) */
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            text-shadow: none !important;
        }

        /* Smaller buttons styles */

        .button.small {
            padding: 4px 12px;
        }

        .button.blue {
            background-color: #269CE9;
            border-color: #269CE9;
            margin-top: 10px;
        }

        .button.blue:hover {
            background-color: #70B9E8;
        }

        .button.blue:active {
            background: #269CE9;
        }

        .details {
            padding: 15px;
            font-size: 15px;
            line-height: 25px;
        }

        #navigationDiv {
            display: none;
        }

        #videoid::-webkit-media-controls-timeline {
            display: none;
        }


        #celiang_neirong {
            position: absolute;
            top: 706px;
            left: 733px;
            z-index: 99999;
            display: none;
        }

        /*    卷帘*/
        #slider {
            position: absolute;
            left: 50%;
            top: 0px;
            background-color: #d3d3d3;
            width: 5px;
            height: 100%;
            z-index: 9999;
        }

        #slidersx {
            position: absolute;
            left: 0px;
            top: 50%;
            background-color: #d3d3d3;
            width: 100%;
            height: 5px;
            z-index: 10;
        }

        #slider:hover {
            cursor: ew-resize;
        }

        #slidersx:hover {
            cursor: ns-resize;
        }

        /*.layui-table {*/
        /*    width: 100%;*/
        /*    margin: 10px 0;*/
        /*    background-color: rgba(13,38,68,1);*/
        /*    color: #ffffff;*/

        /*}*/

        /*.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {*/
        /*    border-width: 0px;*/
        /*    border-style: solid;*/
        /*    border-color: #ff5722;*/
        /*}*/

        /*.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr {*/
        /*    background-color: transparent;*/
        /*}*/
        .layui-input,
        .layui-select,
        .layui-textarea {
            background-color: transparent;
            color: #ffffff;

        }

        input:-moz-placeholder,
        textarea:-moz-placeholder {
            color: #ffffff;
        }

        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            color: #ffffff;
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #ffffff;
        }

        .myButton {
            background-color: rgba(205, 223, 233, 0.1);
            color: white;
        }

        #bianji div {
            float: left;
            color: white;
            margin: 5px 10px 5px 17px;
            font-size: 20px;

        }

        #bianji div:hover {
            cursor: pointer;
            color: rgb(177, 187, 126);
        }

        #bianji {
            width: 226px;
            height: auto;
        }

        #jlDiv {
            position: fixed;
            bottom: 5%;
            left: 50%;
            transform: translateX(-50%);
        }

        #idinput {
            width: 55%;
            background-color: rgba(205, 223, 233, 0.1);
            color: white;
            border: 0px solid #00fcff;
            /*font-size: 14px;*/
            text-align: center;
        }

        #idinput1 {
            width: 55%;
            background-color: rgba(205, 223, 233, 0.1);
            color: white;
            border: 0px solid #00fcff;
            /* font-size: 14px; */
            text-align: center;
        }

        #xidinput {
            width: 55%;
            height: 50%;
            background-color: rgba(205, 223, 233, 0.1);
            text-align: center;
            color: white;
            border: 0px solid #00fcff;
            font-size: 14px;
        }

        #xidinput1 {
            width: 55%;
            height: 50%;
            background-color: rgba(205, 223, 233, 0.1);
            text-align: center;
            color: white;
            border: 0px solid #00fcff;
            font-size: 14px;
        }

        #midinput {
            width: 65%;
            height: 50%;
            background-color: rgba(205, 223, 233, 0.1);
            text-align: center;
            color: white;
            border: 0px solid #00fcff;
            font-size: 14px;
        }

        #midinput1 {
            width: 65%;
            height: 50%;
            background-color: rgba(205, 223, 233, 0.1);
            text-align: center;
            color: white;
            border: 0px solid #00fcff;
            font-size: 14px;
        }

        /* #idbutton {
            width: 20%;
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid white;
            color: white;
        }

        #idbutton1 {
            width: 20%;
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid white;
            color: white;
        }

        #xidbutton {
            width: 20%;
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid white;
            color: white;
        } */

        .xidbutton1 {
            margin-left: 5px;
            width: 20%;
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid white;
            color: white;
        }

        .xidbutton2 {
            width: 40px;
            margin-right: 15px;
            width: 20%;
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid white;
            color: white;
        }

        .xidbutton3 {
            width: 40px;
            margin-left: 5px;
            width: 20%;
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid white;
            color: white;
        }


        /* #midbutton {
            width: 20%;
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid white;
            color: white;
        }

        #midbutton1 {
            width: 20%;
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid white;
            color: white;
        } */

        .xidbutton1:hover {
            cursor: pointer;
        }

        #midbutton:hover {
            cursor: pointer;
        }

        #midbutton1:hover {
            cursor: pointer;
        }

        #idbutton:hover {
            cursor: pointer;
        }

        .moxing {
            background: url(images/moxing2.png) no-repeat;
            background-size: 100% 100%;
        }

        .xianshi tr {
            font-size: 18px;
        }

        #mxianshi1 tr {
            font-size: 18px;

        }

        #mxianshi11 tr {
            font-size: 18px;

        }

        #xxianshi1 tr {
            font-size: 18px;
            /*text-align: left;*/
        }

        #xxianshi11 tr {
            font-size: 18px;
            /*text-align: left;*/
        }

        #mianxxxx {
            background: url(images/moxing2.png) no-repeat;
            background-size: 99% 99%;
        }

        #mianxxxx1 {
            background: url(images/moxing2.png) no-repeat;
            background-size: 100% 100%;
        }

        #xianxxxx {
            background: url(images/moxing2.png) no-repeat;
            background-size: 100% 100%;
        }

        #xianxxxx1 {
            background: url(images/moxing2.png) no-repeat;
            background-size: 100% 100%;
        }

        #dianxxxx {
            background: url(images/moxing2.png) no-repeat;
            background-size: 100% 100%;
        }

        #dianxxxx1 {
            background: url(images/moxing2.png) no-repeat;
            background-size: 100% 100%;
        }

        #xianshi1 tr {
            font-size: 18px;

        }

        #xianshi11 tr {
            font-size: 18px;

        }

        #idinput::-webkit-input-placeholder {
            font-size: 16px;
            color: rgba(250, 246, 246, 06);
        }

        #idinput1::-webkit-input-placeholder {
            font-size: 16px;
            color: rgba(250, 246, 246, 06);
        }

        #ckj:hover {
            cursor: pointer;
        }

        #ckj1:hover {
            cursor: pointer;
        }

        #wzz:hover {
            cursor: pointer;
        }

        #wzz1:hover {
            cursor: pointer;
        }

        #yuandian1:hover {
            cursor: pointer;
        }

        #yuandian:hover {
            cursor: pointer;
        }

        .layui-form-item {
            margin-bottom: 9px;
            clear: both;
            *zoom: 1;
        }

        .layui-table-page {
            z-index: 880;
            border-width: 0;
            border-top-width: 1px;
            margin-bottom: -1px;
            white-space: nowrap;
            overflow: hidden;
            background-color: white;
        }

        .layui-table-body .layui-none {
            line-height: 26px;
            padding: 30px 15px;
            text-align: center;
            color: #999;
            background-color: white;
        }

        .qhbutton {
            position: relative;
            left: 43px;
            width: 119px;
            height: 32px;
            background-color: #0d2644;
            color: white;
            border: 1px solid;
            top: 13px;
        }

        #qhbutton:hover {
            cursor: pointer;
        }

        #test2 {
            background-color: rgba(205, 223, 233, 0.1);
            color: white;
            border: 0 solid white;
            margin: 0px 0px 0px 19px;
            height: 30px;
        }

        #lssp>div:hover {
            cursor: pointer;
        }

        .left_all_analyse {
            position: absolute;
            width: 448px;
            top: 20px;
            left: 46px;
        }

        #mtd77>img {
            float: left;
            margin: 6px 13px 7px 11px;
        }

        #mtd771>img {
            float: left;
            margin: 6px 13px 7px 11px;
        }

        .layui-form-radio {
            padding-right: 0px !important;
        }

        /*.gun::-webkit-scrollbar {*/
        /*    width: 0;*/
        /*}*/



        .icon {
            display: inline-block;
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: #0c2c3773;
            margin: 2px;
        }
    </style>
</head>

<body>
   <div >
       <!--于志修改页面标题分布-->
       <div style="height:20%">
           <table class="top_menu">
               <tr class="biaoti_wenzi">
<!--                   <td>-->
<!--                       <iframe class="iframe" scrolling="no" src="https://tianqiapi.com/api.php?city=平朔&color=FFFFFF"-->
<!--                               frameborder="0" width="80" height="36" allowtransparency="true"></iframe>-->
<!--                   </td>-->
                   <td id="time" style="color: white;"></td>
                   <td></td>
                   <td colspan="4" rowspan="2" class="biaoti1">
                       <!--<div class="title">露天矿智能地理信息平台</div>-->
                   </td>
                   <td></td>
                   <td style="color: #ffffff;text-align: right;">

                   </td>
                   <td style="text-align: right;">
                       <!--<div style="font-size: 10px;color: #ffffff;position: relative;float: left;left: 73%;top: 16%">admin
                       </div>-->
                       <!--<a href="select.html">
                           <i class="ri-user-line"></i>
                           <div style="font-size: 10px;">Aire</div>
                       </a>-->
                   </td>
               </tr>
               <tr id="function_button">
                   <td class="btn"><a href="#" onclick="measureclear()">矿山概况</a></td>
                   <td class="btn"><a href="#" onclick="measureclear()">空间数据</a></td>
                   <td class="btn"><a href="#" onclick="measureclear()">管理数据</a></td>
                   <td class="btn"><a href="#" onclick="measureclear()">空间量测</a></td>
                   <td style="width: 40%;"></td> <!-- 这里的宽度可以根据需要调整 -->

                   <td class="btn"><a href="#" onclick="measureclear()">空间分析</a></td>
                   <td class="btn"><a href="#" onclick="measureclear()">监测与分析</a></td>
                   <td class="btn"><a href="#" onclick="measureclear()">新闻中心</a></td>
                   <td class="btn"><a href="#" onclick="measureclear()">用户管理</a></td>
               </tr>
               <button class="bg1 home"></button>
               <button class="bg2 home"></button>
               <button class="bg3"></button>
           </table>
       </div>

       <!--    <hr>-->
       <div>
           <div class="mid_content">

               <div id="contentid" class="content" style="display: none">
                   <div id="slideTest14" style="z-index: 9999;float: left;top: 146px;display: none"></div>
                   <div style="float: right;width: 30px">
                       <img src="images/shouye.png" id="fly" title="首页">
                       <img src="images/zhengshitu.png" id="zhengshitu" title="平视视角">
                       <img src="images/俯视.png" id="fushi" title="俯视视角">
                       <img src="images/fushitu.png" id="fushitu" title="正视视角">
                       <img src="images/show.png" id="show" title="显示地表">
                       <img src="images/hide.png" id="hide" title="隐藏地表">
                       <img src="images/quanpin.png" id="Qupin" title="全屏">
                       <img src="images/quxiaoquanpin.png" id="Quxiao" title="退出全屏">
                       <img src="images/Snow.png" id="Snow" title="雪天">
                       <img src="images/Rain.png" id="Rain" title="雨天">
                       <img src="images/Folg.png" id="Flog" title="雾天">
                       <img src="images/Clean.png" id="Clean" title="清除">

                   </div>


               </div>

               <div id="colorPickerContainer" style="display:none;">
                   <input type="text" id="colorPicker" class="layui-input">
               </div>

               <div id="dataselecr_id" class="dataselecr" style="display: none;z-index: 9999;left: 10.5%;top: 65px">

                   <div style="font-size: 20px; margin-left: 19%;font-size: 20px;margin-top:14px;color: white;margin-bottom: -35px">
                       <span id="catname">安全监测</span>
                   </div>
                   <div class="font_border">
<!--                       <img src="images/多边形 1983.png" alt="">-->
<!--                       <img src="images/组 3023.png" alt="">-->
                       <img src="images/空间数据/矩形%209.png" style="width: 100%;margin-bottom: 10px">
                   </div>
                   <div class="layui-form-item">
                       <label class="layui-form-label" style="color: #edffff">矿区选择：</label>
                       <div class="layui-inline" style="width: 235px;background-image: url('images/空间数据/矩形 10.png');" >
                           <input placeholder="请选择矿区" class="layui-input" id="kqdata" value="全部矿区" style="border: 0px">
                       </div>
                   </div>
                   <div class="layui-form-item">
                       <label class="layui-form-label" style="color: #edffff">区域选择：</label>
                       <div class="layui-inline" style="width: 235px;background-image: url('images/空间数据/矩形 10.png');">
                           <input name="" placeholder="请选择区域" class="layui-input" id="qydata" value="矿区全局" style="border: 0px">
                       </div>
                   </div>
                   <div class="layui-form-item">
                       <label class="layui-form-label" style="color: #edffff">搜&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp索：</label>
                       <div class="layui-inline" style="width: 235px;background-image: url('images/空间数据/矩形 10.png');">
                           <input name="" placeholder="请输入内容" class="layui-input" id="ssdata" style="border: 0px">
                       </div>

                   </div>
                   <button type="button" id="find_data_caiboliang" class="layui-btn layui-btn-normal "
                           style="margin-left: 35%;margin-bottom: 12px;background-color: rgba(9,60,113,0.5);" onclick="show_dataselect()">搜索数据</button>
                   <button type="button" id="select_data_caiboliang" class="layui-btn layui-btn-normal "
                           style="margin-left: 14%;margin-bottom: 12px;display: none;background-color: rgba(9, 60, 113, 0.5);">确认数据</button>
                   <div id="mytable_list" class="mytable" style="width:100%;display: none;margin-bottom: -9px">
                       <table class="layui-hide" id="qydata_table" lay-filter="test"></table>
                   </div>

<!--                   <img src="images/空间数据/ssbj.png" style=" position: fixed;top: -57px;left: -15px;z-index: -7;width: 113%;">-->
               </div>


               <!--展示三维地球所在的区域 cesiumContainer-->
               <div id="cesiumContainer">
                   <div class="slider" id="slider" style="display: none"></div>
                   <div class="slidersx" id="slidersx" style="display: none"></div>

               </div>
               <!--    矿山简介-->
               <!--    矿山简介-->
               <!--    矿山简介-->
               <div class="change_content" style="display: block;">
                   <div class="home_left" >
                       <div class="home_left_left">
                           <div class="top_introduction" >
                               <div class="title_">
                                   <div style="margin-left: 67px;">矿山简介</div>

                               </div>
                               <div class="center_">
                                   <!--                    <div class="fenlei">矿山简介</div>-->
                                   <!--                    &lt;!&ndash;                <div class="font_border"><img src="images/多边形 1983.png" alt=""><img src="images/组 3023.png" alt="">&ndash;&gt;-->
                                   <!--                    &lt;!&ndash;                </div>&ndash;&gt;-->
                                   <!--                    <div style="background-color: rgba(0,17,28, 0.6);border-radius: 20px;padding: 5px">-->
                                   <div style="color: #FFFFFF;margin: 0 20px; font-size: 18px;font-family: Arial, sans-serif; line-height: 1.5;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;露天矿智能地理信息平台，基于GIS地理信息系统及数字孪生等技术，对矿山环境、地形地貌、建筑、道路、绿植、水系及地下管道等各要素的现状及态势进行数字孪生映射。同时融合物联网、云计算及大数据等先进技术，形成对露天矿地理信息进行全方位、一体化的一站式管理系统。
                                   </div>
                                   <!--                    </div>-->
                               </div>

                           </div>
                           <div class="left_echarts" >
                               <div class="title_">
                                   <div style="margin-left: 67px;">采煤量统计</div>
                               </div>
                               <div class="center_">
                                   <div id="main" class="main_cmltj"></div>
                               </div>
                               <!--                    <div class="fenlei">采煤量统计</div>-->
                               <!--                    <div class="font_border"><img src="images/多边形 1983.png" alt=""><img src="images/组 3023.png" alt="">-->
                               <!--                    </div>-->

                           </div>
                       </div>
                       <div class="home_left_right">
                       </div>
                   </div>
                   <div class="home_right" >
                       <div class="home_right_left">
                       </div>
                       <div class="home_right_right">
                           <div class="top_right_echarts" >
                               <div class="title_">
                                   <div style="margin-left: 67px;">矿山运营情况</div>
                               </div>
                               <div class="center_ ksyxqk">
                                   <div class="ksyxqk_1">
                                       <div class="ksyxqk_1_img">
                                           <div style=" background-image:url(./images/首页/人员.png);background-size: 100% 100%;background-repeat: no-repeat;width: 50%;height: 50%;"></div>
                                       </div>
                                       <div class="ksyxqk_c" style=" background-image:url(./images/首页/矿山运营情况行背景.png);background-size: 100% 100%;background-repeat: no-repeat;width: 37%;height: 50%;">
                                           <span class="ksyxqk_c_t">工作中&nbsp;</span>
                                           <span id="people_number_work" class="ksyxqk_c_t"style="color: #9bf186;font-size: 30px;font-family: Arial, sans-serif;font-weight: bold; /* 字体加粗 */">32</span>
                                           <span class="ksyxqk_c_t">&nbsp人</span>
                                       </div>
                                       <div class="ksyxqk_c" style=" background-image:url(./images/首页/矿山运营情况行背景.png);background-size: 100% 100%;background-repeat: no-repeat;width: 37%;height: 50%;">
                                           <span class="ksyxqk_c_t">休息中&nbsp;</span>
                                           <span id="people_number_rest" class="ksyxqk_c_t"style="color: #01aaed;font-size: 30px;font-family: Arial, sans-serif;font-weight: bold; /* 字体加粗 */">2</span>
                                           <span class="ksyxqk_c_t">&nbsp人</span>
                                       </div>
                                   </div>
                                   <div class="ksyxqk_1">
                                       <div class="ksyxqk_1_img"><div style=" background-image:url(./images/首页/车辆管理.png);background-size: 100% 100%;background-repeat: no-repeat;width: 50%;height: 50%;"></div></div>
                                       <div class="ksyxqk_c" style=" background-image:url(./images/首页/矿山运营情况行背景.png);background-size: 100% 100%;background-repeat: no-repeat;width: 75%;height: 50%;">
                                           <span class="ksyxqk_c_t">车辆运行状态&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                           <span id="car_number" class="ksyxqk_c_t"style="color: #01aaed;font-size: 30px;font-family: Arial, sans-serif;font-weight: bold; /* 字体加粗 */">2</span>
                                           <span class="ksyxqk_c_t">&nbsp车正在工作中</span>
                                       </div>
                                   </div>
                                   <div class="ksyxqk_1">
                                       <div class="ksyxqk_1_img"><div style=" background-image:url(./images/首页/卡口枪式摄像头,监控,枪式摄像头.png);background-size: 100% 100%;background-repeat: no-repeat;width: 50%;height: 50%;"></div></div>
                                       <div class="ksyxqk_c" style=" background-image:url(./images/首页/矿山运营情况行背景.png);background-size: 100% 100%;background-repeat: no-repeat;width: 75%;height: 50%;">
                                           <span class="ksyxqk_c_t">监控显示状态状态&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                           <span id="camera_number" class="ksyxqk_c_t"style="color: #9bf186;font-size:15px;font-family: Arial, sans-serif;">全部监控显示正常</span>
                                           <!--                                    <span class="ksyxqk_c_t">&nbsp车正在工作中</span>-->
                                       </div>
                                   </div>

                               </div>
                               <!--                    <div class="fenlei"> 矿山运营情况</div>-->
                               <!--                    <div class="font_border"><img src="images/多边形 1983.png" alt=""><img src="images/组 3023.png" alt="">-->
                               <!--                    </div>-->
                               <!--                                            <div id="main2" class="main2">-->
                               <!--                                                <div id="main2_people" class="main2_people">人员工作状态 : 32人工作中，2人休息中</div>-->
                               <!--                                                <div id="main2_car" class="main2_car">车辆运行状态 : 4辆车正在工作中</div>-->
                               <!--                                                <div id="main2_monitor" class="main2_monitor">监控显示状态 : 全部监控正常显示</div>-->
                               <!--                                            </div>-->
                           </div>
                           <div class="bottom_right_echarts" >
                               <div class="title_">
                                   <div style="margin-left: 67px;">人员到岗情况</div>
                               </div>
                               <div class="center_">
                                   <div class="ksyxqk_c_t" style="width: 120px; height: 50px;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;position: absolute;;float: left; top: 27%;left: 31%;">
                                       <span id="people_sum_number" style="color: #ffffff;font-size:40px;font-family: Arial, sans-serif;" class="ksyxqk_c_t">32</span>
                                       <span  class="ksyxqk_c_t" style="font-size: 20px">人员总数</span>
                                   </div>
                                   <div id="people_chart" style="width: 100%;height: 70%"></div>
                                   <div class="people_chart_tz" style="">
                                       <span style="background-color: #5470c6;width: 20px;height: 10px;margin-left: 30%"></span>
                                       <span  class="ksyxqk_c_t" style="font-size: 15px">到岗人员&nbsp;</span>
                                       <span id="people_number_work2" class="ksyxqk_c_t"style="color: #5470c6;font-size: 30px;font-family: Arial, sans-serif;font-weight: bold; /* 字体加粗 */">32</span>
                                   </div>
                                   <div class="people_chart_tz">
                                       <span style="background-color: #91cc75;width: 20px;height: 10px;margin-left: 30%"></span>
                                       <span  class="ksyxqk_c_t" style="font-size: 15px">请假人员&nbsp;&nbsp;&nbsp;</span>
                                       <span id="people_number_qj" class="ksyxqk_c_t"style="color: #91cc75;font-size: 30px;font-family: Arial, sans-serif;font-weight: bold; /* 字体加粗 */">2</span>
                                   </div>
                                   <div class="people_chart_tz">
                                       <span style="background-color: #fac858;width: 20px;height: 10px;margin-left: 30%"></span>
                                       <span  class="ksyxqk_c_t" style="font-size: 15px">未到岗人员</span>
                                       <span id="people_number_wdg" class="ksyxqk_c_t"style="color: #fac858;font-size: 30px;font-family: Arial, sans-serif;font-weight: bold; /* 字体加粗 */">2</span>
                                   </div>


                               </div>
                               <!--                    <div class="fenlei">人员到岗情况</div>-->
                               <!--                    <div class="font_border"><img src="images/多边形 1983.png" alt=""><img src="images/组 3023.png" alt="">-->
                               <!--                    </div>-->
                               <!--                    <div id="main3"></div>-->
                           </div>
                       </div>



                   </div>
               </div>
               <!--    空间数据-->
               <!--    空间数据-->
               <!--    空间数据-->
               <div class="change_content" name="0" style="display: none;">
                   <div class="left_all">
                       <!--                标头div-->
                       <div id="left_all_image" class="left_all_image" style="display: none">
                           <!--                <img src="images/多边形 1983.png" alt="">-->
                           <!--                <img src="images/组 3023.png" alt="">-->
                       </div>
                       <!--              开发底图-->
                       <div id="Kfdt" name="平庄矿区" value="平庄矿区" class="left_all_div juli" >
                           <ul class="Sjzy_table" style="width: 270px;margin-left: 12px;background-color: rgba(13, 38, 68, 0.5);border: 1px solid #004C7B">
                               <li class="Kfdt_li" style="font-size: 20px">地图底图更改</li>
                               <img src="images/空间数据/矩形%209.png" alt="" style="width: 100%; margin-top: -36px;">
                               <li class="" name="Esri影像"><a class="a_ziti" style="color: rgb(177, 187, 126)"
                                                               onclick="Change_map(this)">1.&nbsp Esri影像</a></li>
                               <li class="" name="天地图影像"><a class="a_ziti" onclick="Change_map(this)">2.&nbsp 天地图影像</a></li>
                               <!--                    <li class="Kfdt_li" name="天地图地形"><a class="a_ziti" onclick="Change_map(this)">2.&nbsp  天地图地形&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 2022-11-12</a></li>-->
                               <li class="" name="天地图矢量"><a class="a_ziti" onclick="Change_map(this)">3.&nbsp 天地图矢量</a></li>
                           </ul>
                       </div>

                   </div>

                   <div class="Rsshow RS_style" id="RsAlldata" style="display: none">
                       <i id="closed_RsAlldata" class="layui-icon layui-icon-close"
                          style="right:11px;position: absolute;top: 10px;color: white"></i>
                       <div class="layui-inline">
                           <div class="layui-inline" style="width: 230px;left: 20px">
                               <input name="" placeholder="请选择数据源" class="layui-input " id="demo2">

                           </div>
                           <div class="layui-input-inline" style="width: 240px;left: 57px">
                               <input type="text" class="layui-input" id="test10" placeholder=" 请选择时间 ">

                           </div>

                           <i id="refresh_icon" class="layui-icon layui-icon-refresh"
                              style="right:-89px;position: absolute;top: 10px;color: white"></i>


                       </div>
                       <div class="mytable" style="width: 93%;padding-left: 19px">
                           <table class="layui-hide" id="data_table" lay-filter="data_table"></table>
                       </div>

                   </div>

                   <div id="Jldb" class="ChaXun_left_all_div_jl">
                       <form class="layui-form" action="" style="margin-left: 20px;margin-top: 20px">



                           <div class="layui-form-item" style="width:600px">
                               <label class="layui-form-label label-left"
                                      style="color: white;font-weight: bold;font-size: 16px;width: 80px">左侧数据：</label>
                               <div class="layui-input-inline">
                                   <input name="" placeholder=" " class="layui-input " id="quizz">
                                   <i class="layui-icon layui-icon-up iconclick"
                                      style="position: absolute;top: 10px;right: 10px;color: white"></i>

                               </div>
                               <label class="layui-form-label label-right"
                                      style="color: white;font-weight: bold;font-size: 16px;width: 80px">右侧数据：</label>
                               <div class="layui-input-inline">
                                   <input name="" placeholder=" " class="layui-input " id="quizy">
                                   <i class="layui-icon layui-icon-up iconclick"
                                      style="position: absolute;top: 10px;right: 10px;color: white"></i>

                               </div>
                           </div>
                           <div class="layui-form-item" style="width:600px">

                               <div class="layui-input-block" style="margin-left: 170px;min-height: 36px;margin-top: 37px;">
                                   <button type="button" class="layui-btn layui-btn-primary layui-border-blue jl_color_button"
                                           onclick="split()" id="juanlian">打开卷帘模型对比
                                   </button>
                               </div>
                           </div>

                       </form>


                   </div>
                   <div id="left_guidance" class="left_guidance " value="0" style="height: 500px;top: 41px">
                       <!--                <button id="button" >asdasdasd</button>-->
<!--                       <div class="left_guidance_Div" id="dataclick_3">遥感数据</div>-->
                       <div class="kjsjdiv_lww"  id="dataclick_3">
                           <img src="images/图标/遥感数据.png">
                           <span class="kjsjspan_lww" >遥感数据</span>
                       </div>
<!--                       <div class="left_guidance_Div" id="dataclick_1">三维数据</div>-->
                       <div class="kjsjdiv_lww"   id="dataclick_1">
                           <img src="images/图标/三维数据.png">
                           <span class="kjsjspan_lww" >三维数据</span>
                       </div>
<!--                       <div class="left_guidance_Div" id="dataclick_2">矢量数据</div>-->
                       <div  class="kjsjdiv_lww"  id="dataclick_2">
                           <img src="images/图标/矢量数据.png">
                           <span class="kjsjspan_lww" >矢量数据</span>
                       </div>
<!--                       <div class="left_guidance_Div" id="dataclick_4">地质数据</div>-->
                       <div  class="kjsjdiv_lww"  id="dataclick_4">
                           <img src="images/图标/地质数据.png">
                           <span class="kjsjspan_lww" >地质数据</span>
                       </div>

                       <div style="position: absolute;left: 26px;top: 118px;display: none" id="3Ddata">
<!--                           <div class="left_guidance_Div" name="2" id="left_guidance_Div_3">三维模型</div> -->
                           <div  name="2" id="left_guidance_Div_3">
                               <img src="images/图标/三维模型.png">
                               <span class="ridediv" >三维模型</span>
                           </div>
                           <div  name="1" id="left_guidance_Div_2">
                               <img src="images/图标/点云数据.png">
                               <span class="ridediv" >点云数据</span>
                           </div>
                           <div  name="3" id="left_guidance_Div_4">
                               <img src="images/图标/地下管线.png">
                               <span class="ridediv" >地下管线</span>
                           </div>
                       </div>
                       <div style="position: absolute;left: 26px;top: 176px;display: none" id="shapedata">
                           <div  name="4" id="left_guidance_Div_5">
                               <img src="images/图标/地形图.png">
                               <span class="ridediv" >地形图</span>
                           </div>
                           <div  name="4" id="left_guidance_Div_15">
                               <img src="images/图标/管线图.png">
                               <span class="ridediv" >管线图</span>
                           </div>
                           <div  name="4" id="left_guidance_Div_25">
                               <img src="images/图标/施工图.png">
                               <span class="ridediv" >施工图</span>
                           </div>
                       </div>
                       <div style="position: absolute;left: 26px;top: 60px;display: none" id="rsdata">
<!--                           <div class="left_guidance_Div" name="0" id="left_guidance_Div_1">开发底图</div>-->
                           <div  name="0" id="left_guidance_Div_1">
                               <img src="images/图标/开发底图.png">
                               <span class="ridediv">开发底图</span>
                           </div>

<!--                           <div class="left_guidance_Div" name="6" id="left_guidance_Div_8">遥感影像</div>-->
                           <div   name="6" id="left_guidance_Div_8">
                               <img src="images/图标/遥感影像.png">
                               <span class="ridediv">遥感影像</span>
                           </div>
<!--                           <div class="left_guidance_Div" name="5" id="left_guidance_Div_9">红外数据</div>-->
                           <div   name="5" id="left_guidance_Div_9">
                               <img src="images/图标/红外数据.png">
                               <span class="ridediv">红外数据</span>
                           </div>
                       </div>
                       <div style="position: absolute;left: 26px;top: 232px;display: none" id="dzdata">
                           <div  name="5" id="left_guidance_Div_6" >
                               <img src="images/图标/地质图标数据.png">
                               <span class="ridediv">地质图标数据</span>
                           </div>
                           <div  name="5" id="left_guidance_Div_16" >
                               <img src="images/图标/隐蔽灾害普查数据.png">
                               <span class="ridediv">隐蔽灾害普查数据</span>
                           </div>
                       </div>
                       <div class="left_guidance_Div left_guidance_Div_juanlian" name="5" id="left_guidance_Div_7">卷帘对比</div>
                       <div
                               style="position: fixed;left: 53%;transform: translateX(-50%);text-align: center;margin: auto;background-color: #0d2644;bottom:5%;width: 310px;height: 45px;border-radius: 8px;">
                           <!--                <label class="layui-form-label"-->
                           <!--                       style="color: #ffffff;width: 100px;text-align: left;position: absolute;font-size: 15px;font-weight: bold;margin-top: 7.6px;">底图透明度：</label>-->
                           <select class="custom-select">
                               <option value="底图透明度">底图透明度</option>
                               <option value="遥感影像">遥感影像</option>
                               <option value="三维模型">三维模型</option>
                           </select>
                           <div id="slideSelect" class="demo-slider"
                                style="position: absolute;width: 188px;float: left;margin-left: 10px;margin-top: 23px;"></div>
                       </div>

                   </div>


               </div>

               <!--    管理数据-->
               <!--    数据查询-->
               <!--    数据查询-->
               <div class="change_content" style="display: none;position: absolute;">
                   <div class="ChaXun_left_all">
                       <!--            不动产信息-->
                       <div id="Sxcx" class="ChaXun_left_all_div">
                           <div id="Sxcx_search_div" class="Sxcx_search_div">
                               <div class="SjcxMiddle_text">
                                   <div id="List"></div>
                                   <div id="List_equ">

                                   </div>
                               </div>
                           </div>
                           <div id="shuxinglww">
                           </div>
                       </div>
                   </div>

                   <!--            空间查询-->
                   <div id="Kjcx" class="ChaXun_left_all_div ChaXun_left_all_div_color"
                        style="margin-left: 15px;display: none;position: absolute;left: 200px;top: 65px;width: 389px;background-color: rgba(13, 38, 68, 0.5);border: 1px solid #004C7B">
                       <form class="layui-form" action="">
                           <div class="layui-form-item" style="margin-left: -60px;">
                               <div class="Search_btn2"
                                    style="float: left;font-size: 20px; margin-left: 127px;padding-top: 20px;font-size: 20px;color: white;">
                                   人车定位查询
                               </div>
                           </div>
                           <div class="font_border">
<!--                               <img src="images/多边形 1983.png" alt="">-->
<!--                               <img src="images/组 3023.png" alt="">-->
                               <img src="images/空间数据/矩形%209.png" style="width: 100%;margin-bottom: 10px;margin-top: -38px;">
                           </div>
                           <div class="layui-form-item">
                               <label class="layui-form-label" style="color: #edffff">定位类型：</label>
                               <div class="layui-inline inputborder" style="background-image: url('images/空间数据/矩形 10.png')">
                                   <select  name="typeSelect" id="typeSelect" lay-filter="typeSelect" >
                                       <option value="" selected>请选择定位类型</option>
                                       <option value="0">人员定位</option>
                                       <option value="1">车辆定位</option>
                                   </select>
                               </div>
                           </div>
                           <div class="layui-form-item">
                               <label class="layui-form-label" style="color: #edffff">数据类型：</label>
                               <div class="layui-inline inputborder" style="background-image: url('images/空间数据/矩形 10.png')">
                                   <select  name="typeDateSelect" id="typeDateSelect" lay-filter="typeDateSelect" >
                                       <option value="" selected>请选择数据类型</option>
                                       <option value="0">实时数据</option>
                                       <option value="1">历史数据</option>
                                   </select>
                               </div>
                           </div>
                           <hr>
                           <div class="layui-form-item">
                               <label class="layui-form-label" style="color: #edffff">部门类型：</label>
                               <div class="layui-inline inputborder" style="background-image: url('images/空间数据/矩形 10.png')">
                                   <select name="searchSelect " id="searchSelect" lay-filter="searchSelect" disabled style="border: 0px">
                                       <option value="" selected>请选择部门</option>
                                       <option value="">全部部门</option>
                                       <option value="工程部">工程部</option>
                                       <option value="市场部">市场部</option>
                                       <option value="生产部">生产部</option>
                                       <option value="法律部">法律部</option>
                                       <option value="产品质量部">产品质量部</option>
                                       <option value="信息技术支持部">信息技术支持部</option>
                                       <option value="人力资源部">人力资源部</option>
                                       <option value="会计及金融部">会计及金融部</option>
                                       <option value="研究及开发部">研究及开发部</option>
                                   </select>
                               </div>
                           </div>
                           <div class="layui-form-item">
                               <label class="layui-form-label" style="color: #edffff">查询内容：</label>
                               <div class="layui-inline" style="background-image: url('images/空间数据/矩形 10.png')">
                                   <input type="text" name="searchTitle" id="searchTitle" lay-verify="searchTitle"
                                          autocomplete="off" placeholder="查询人员编号/车牌号" class="layui-input" style="width: 211px;border: 0px">
                               </div>
                           </div>
                           <hr>
                           <div class="layui-form-item">
                               <div class="layui-inline btnList" style="margin-left: 60px">
                                   <button type="button" class="layui-btn layui-btn-normal" onclick="getDataMarkers()"
                                           style="position:fixed;margin-right:30px;margin-bottom: 12px;background-color: rgba(9, 60, 113, 0.5); ">搜索数据
                                   </button>
                                   <button type="button" class="layui-btn layui-btn-warm " onclick="removeMarkers()" style="margin-left: 176%;margin-bottom: -15px;background-color: rgba(9, 60, 113, 0.5);">清除定位
                                   </button>
                               </div>
                           </div>
                           <!--                    <div class="layui-form-item" style="    position: absolute;margin-top: -280px;margin-left: 390px;background-color: rgb(13 38 68);">-->
                           <div class="layui-form-item">
                               <table id="myTable" class="layui-table myTable" lay-filter="myTable" lay-skin="line"></table>
                           </div>
                           <div class="layui-form-item "  id="historyItem"
                                style=" display:none;position: absolute; margin-left: 390px;margin-top: -452px; background-color: #0d2644;width: 452px;height: 100px">
                               <div style="margin: 10px 0px">
                                   <label class="layui-form-label" style="color: #edffff;text-align: left;">范围：</label>
                                   <div class="layui-inline">
                                       <input type="text" class="layui-input" id="timerange" placeholder="选择历史时间范围"
                                              style="width: 180px;margin-left: -40px;">
                                   </div>
                                   <div class="layui-inline btnList" style="margin-left: 0px">
                                       <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" onclick="gethistoryMarkers()"
                                               style="margin-right:0px ">搜索
                                       </button>
                                       <button type="button" class="layui-btn layui-btn-warm layui-btn-sm" onclick="closeHistory()">关闭
                                       </button>
                                       <button type="button" class="layui-btn layui-btn-sm" onclick="showhistoryLine()">显示轨迹
                                       </button>
                                   </div>
                               </div>

                               <table id="historyTable" class="layui-table historyTable" lay-filter="historyTable"
                                      lay-skin="line"></table>
                           </div>
                       </form>
                       <div id="vidoplay" style="display:none;position: absolute;margin-left: 100%;margin-top: -692px;">
                           <img src="./images/cha.jpg" onclick="closeVideo()" id="buttondiv2"
                                style="width: 20px;height: 20px;float: right;">
                           <video id="vidoplayid" style="width: 600px; height: 340px;" class="video-js vjs-default-skin "
                                  controls autoplay poster="">
                               <source id="vidoplayid1" src=" " type="application/x-mpegURL">
                           </video>
                       </div>
                   </div>


                   <div id="ChaXun_left_guidance" class="left_guidance" value="0" style="top: 41px">
                       <div class="gun" style="display: flex">
                           <div style="width: 130px">
<!--                               <div class="left_guidance_Div" id="ChaXun_left_guidance_Div_3" style="height: 180px;">矿山规划设计数据</div>-->
                               <div  id="ChaXun_left_guidance_Div_3" class="kjsjdiv_lww" >
                                   <img class="guanlishuju_img" src="images/图标/矿山规划设计数据.png">
                                   <span class="guanlishuju_span" >矿山规划设计数据</span>
                               </div>
                               <div  id="ChaXun_left_guidance_Div_2" class="kjsjdiv_lww" >
                                   <img class="guanlishuju_img" src="images/图标/人员及车辆定位数据.png">
                                   <span class="guanlishuju_span" >人员及车辆定位数据</span>
                               </div>
                               <div  id="ChaXun_left_guidance_Div_1"  class="kjsjdiv_lww">
                                   <img class="guanlishuju_img" src="images/图标/不动产信息数据.png">
                                   <span class="guanlishuju_span" >不动产信息数据</span>
                               </div>
                               <!-- <div class="left_guidance_Div" id="ChaXun_left_guidance_Div_4">采剥数据</div> -->
                           </div>
                           <!-- <div style="width: 30px">
                           <div class="left_guidance_Div" id="ChaXun_left_guidance_Div_5">运距爬升</div>
                       </div> -->
                       </div>
                   </div>


                   <div id="DetailedInformation_A" class="top_right_table">
                       <div class="btn1_btn2">
                           <div class="btn1"><a href="#">详细数据</a></div>
                       </div>
                       <div class="font_border"><img src="images/多边形 1983.png" alt=""><img src="images/组 3023.png" alt="">
                       </div>
                       <div id="DetailedInformation" class="Sjcx_Detail">
                           <div id="DetailedInformation_text" class="Sjcx_Detail_text"></div>
                       </div>
                   </div>

               </div>

           </div>
           <img src="images/首页/底部.png" style="position: fixed;bottom: 0px;margin: 0 auto;right: 1%">
           <!--    空间量测-->
           <!--    空间量测-->
           <!--    空间量测-->
           <!--    空间量测-->
           <div class="change_content" style="display: none;">

               <div id="SideBar"></div>
               <div id="moxing" class="moxing"
                    style="border-radius:2px;width: 25%;height: 40%; position: absolute; left: 1%;bottom:5%;display: none;z-index: 9999; ">

                   <table id="xianshi" class="xianshi"
                          style="text-align: center;width: 98%; height: 95%; margin: 1px;color: rgb(205, 223, 233); ">
                       <tr>
                           <td colspan="4" style="font-size: 24px; ">模型三维坐标</td>
                       </tr>
                       <!-- <tr>
                           <td colspan="4" style="font-size: 24px; height: 5px;">&emsp;</td>
                       </tr> -->
                       <tr style="background-color: rgba(12,44,55, 0.5);">
                           <td style=" font-size:22px" rowspan="3">地理坐标</td>
                           <td colspan="2">lon:</td>
                           <td style="text-align: left" id="td1">111111111</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.5);">
                           <td colspan="2">lat:</td>
                           <td style="text-align: left" id="td2">111111111</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.5);">
                           <td colspan="2">H:</td>
                           <td style="text-align: left" id="td3">111111111</td>
                       </tr>
                       <tr>
                           <td colspan="3" style="font-size: 24px; height: 1px; ">&emsp;</td>
                       </tr>
                       <tr>
                           <td rowspan="2" style="font-size:22px; background-color:rgba(12,44,55, 0.5)">平面坐标</td>
                           <td style="background-color:rgba(12,44,55, 0.5) ;" colspan="2">X:</td>
                           <td style="background-color:rgba(12,44,55, 0.5) ;text-align: left;" id="td12">11111.1111</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.5);">
                           <td colspan="2">Y:</td>
                           <td style="text-align: left" id="td223">11111.1111</td>
                       </tr>
                   </table>
                   <button id="close_sanweimoxing" class="close_style2">&times;</button>
               </div>

               <div id="tishi"
                    style="z-index: 9999;position: absolute;bottom: 20px;left:37%;color: #c70d0d;font-size: 30px;display: none">
                   鼠标左击开始绘制，右击结束绘制
               </div>


               <div id="mianxxxx"
                    style="border-radius:20px; width: 25%; height: 40%; position: absolute; left: 1%;bottom: 5%;display: none;z-index: 9999">
                   <table id="mxianshi1"
                          style="text-align: center;width: 97%; height: 92%; margin: 0%;color: rgb(205, 223, 233);">
                       <tr>
                           <td colspan="2" style="font-size: 24px;">面信息列表</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td style="width: 120px;">名&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp称:</td>
                           <td id="mtd44"></td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>当前颜色:</td>
                           <td>
                               <div id="miancolor_cbl"
                                    style="width: 20%;height: 50%;background-color: #ff0000;border: 1px solid #000;margin-left: 41%">
                               </div>
                           </td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>当前填充:</td>
                           <td class="xtd77">
                               <div> <img style="height: 25px"  id="mianimg_cbl" src=""></div>
                           </td>
                       </tr>
                       <tr>
                           <td colspan="2">
                               <button id="modifyStyle_area" class="openPopupBtn5" onclick="modifyStyle_area()">修改样式</button>
                               <table id="styleTable_area" class="styleTable_area" style="display:none;color: white">

                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">名称修改:</td>
                                       <td id="mtd55" style="width: 250px"><input id="midinput" type="text"
                                                                                  placeholder="请输入修改编号">
                                           <button id="midbutton" class="openPopupBtn6">修改</button>
                                       </td>
                                   </tr>

                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">颜色选择:</td>
                                       <td id="mtd66">
                                           <div id="mysxz" style="background-color: white"></div>
                                       </td>
                                   </tr>
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">样式填充:
                                       </td>
                                       <td id="mtd77">
                                           <img id="tianchong1" class="tianchong" src="images/qipan.png">
                                           <img id="tianchong2" class="tianchong" src="images/taiowen.png">
                                           <button id="openPopupBtn2" onclick="openPopupBtnNew()"
                                                   class="openPopupBtn6">....</button>
                                           <div id="filling_area" class="popup2" style="display: none;position: relative;">
                                               <button id="close_mian1" class="close_style">&#10006;</button>
                                               <ul class="ul_mian">
                                                   <li><img id="tianchong10" class="tianchong" src="images/qipan.png"></li>
                                                   <li><img id="tianchong11" class="tianchong" src="images/taiowen.png"></li>
                                                   <li><img id="tianchong3" class="tianchong" src="images/网格.png"></li>
                                                   <li><img id="tianchong4" class="tianchong" src="images/编织物.png"></li>
                                                   <li><img id="tianchong5" class="tianchong" src="images/纸袋.png"></li>
                                                   <li><img id="tianchong6" class="tianchong" src="images/草纸.png"></li>
                                                   <li><img id="tianchong7" class="tianchong" src="images/浅色横线.png"></li>
                                                   <li><img id="tianchong8" class="tianchong" src="images/浅色竖线.png"></li>
                                                   <li><img id="tianchong9" class="tianchong" src="images/宽下对角线.png"></li>
                                               </ul>
                                           </div>
                                       </td>
                                   </tr>
                                   <tr style="height: 50px; margin:0 auto; text-align: center;">
                                       <td colspan="2"><button class="openPopupBtn6"
                                                               onclick="closeStyleTable_area()">关闭</button>
                                       </td>
                                   </tr>
                               </table>
                           </td>
                       </tr>
                   </table>
                   <button id="close_mian3" class="close_style2">&times;</button>
               </div>

               <div id="mianxxxx1"
                    style="border-radius:2px;width: 25%; height: 40%; position: absolute; left: 1%;bottom: 5%;display: none;z-index: 9999">

                   <table id="mxianshi11"
                          style="text-align: center;width: 97%; height: 95%; margin: 0;color: rgb(205, 223, 233);">
                       <tr>
                           <td colspan="2" style="font-size: 24px;">面信息列表</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td style="width: 120px;">名&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp称:</td>
                           <td id="mtd441"></td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>当前颜色:</td>
                           <td>
                               <div id="miancolor_cbl1"
                                    style="width: 20%;height: 50%;background-color: #ff0000;border: 1px solid #000;margin-left: 41%">
                               </div>
                           </td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>当前填充:</td>
                           <td class="xtd77">
                               <div ><img style="height: 25px" id="mianimg_cbl1" src=""></div>
                           </td>
                       </tr>
                       <tr>
                           <td colspan="2">
                               <button id="modifyStyle_area2" class="openPopupBtn5" onclick="modifyStyle_area2()">修改样式</button>
                               <table id="styleTable_area2" class="styleTable_area" style="display:none;color: white">
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">名称修改:</td>
                                       <td id="mtd551" style="width: 250px"><input id="midinput1" type="text"
                                                                                   placeholder="请输入修改编号">
                                           <button id="midbutton1" class="openPopupBtn6">修改</button>
                                       </td>
                                   </tr>
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">颜色选择:</td>
                                       <td id="mtd661">
                                           <div id="mysxz1" style="background-color: white"></div>
                                       </td>
                                   </tr>
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">样式填充:
                                       </td>
                                       <td id="mtd771">
                                           <img id="2tianchong1" class="tianchong" src="images/qipan.png">
                                           <img id="2tianchong2" class="tianchong" src="images/taiowen.png">
                                           <button id="openPopupBtn3" onclick="openPopupBtn3()"
                                                   class="openPopupBtn6">....</button>
                                           <div id="filling_area2" class="popup2" style="display: none;position: relative;">
                                               <button id="close_mian2" class="close_style">&#10006;</button>
                                               <ul class="ul_mian">
                                                   <li><img id="2tianchong10" class="tianchong" src="images/qipan.png"></li>
                                                   <li><img id="2tianchong11" class="tianchong" src="images/taiowen.png"></li>
                                                   <li><img id="2tianchong3" class="tianchong" src="images/网格.png"></li>
                                                   <li><img id="2tianchong4" class="tianchong" src="images/编织物.png"></li>
                                                   <li><img id="2tianchong5" class="tianchong" src="images/纸袋.png"></li>
                                                   <li><img id="2tianchong6" class="tianchong" src="images/草纸.png"></li>
                                                   <li><img id="2tianchong7" class="tianchong" src="images/浅色横线.png"></li>
                                                   <li><img id="2tianchong8" class="tianchong" src="images/浅色竖线.png"></li>
                                                   <li><img id="2tianchong9" class="tianchong" src="images/宽下对角线.png"></li>
                                               </ul>

                                           </div>
                                       </td>
                                   </tr>
                                   <tr style="height: 50px; margin:0 auto; text-align: center;">
                                       <td colspan="2"><button class="openPopupBtn6"
                                                               onclick="closeStyleTable_area2()">关闭</button>
                                       </td>
                                   </tr>
                               </table>
                           </td>
                       </tr>
                   </table>
                   <button id="close_mian4" class="close_style2">&times;</button>
               </div>

               <div id="xianxxxx"
                    style="border-radius:20px;width: 25%; height: 40%; position: absolute; left: 1%;bottom: 5%;display: none;z-index: 9999">
                   <table id="xxianshi1"
                          style="text-align: center;width: 97%; height: 92%; margin: 1%;color: rgb(205, 223, 233);">
                       <tr>
                           <td colspan="2" style="font-size: 24px;text-align: center">线信息列表</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>名&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp称:</td>
                           <td id="xtd44"></td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>当前颜色:</td>
                           <td>
                               <div id="xian1colorPicker"
                                    style="width: 20%;height: 50%;background-color: #ff0000;border: 1px solid #000;margin-left: 41%">
                               </div>
                           </td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>当前形状:</td>
                           <td class="xtd77" id="selected-shape-display">
                               <div id="xian1name"> 虚线</div>
                           </td>
                       </tr>
                       <tr>
                           <td colspan="2">
                               <button id="modifyStyle_line" class="openPopupBtn5" onclick="modifyStyle_line()">修改样式</button>
                               <table id="styleTable_line" class="styleTable_line" style="display:none;color: white">
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">名称修改:</td>
                                       <td style="width: 250px"><input id="xidinput" type="text" placeholder="请输入修改编号">
                                           <button id="xidbutton" class="openPopupBtn6">修改</button>
                                       </td>
                                   </tr>
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">颜色选择:</td>
                                       <td id="xtd66">
                                           <div id="xysxz" style="background-color: white"></div>
                                       </td>
                                   </tr>
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">形状选择:</td>
                                       <td class="xtd77">
                                           <button id="shixian_button" class="xidbutton2">
                                               <div class="button_line"></div>
                                           </button>
                                           <button id="xuxian_button" class="xidbutton3">
                                               <div class="dashed-line"></div>
                                           </button>
                                       </td>
                                   </tr>
                                   <tr style="height: 50px; margin:0 auto; text-align: center;">
                                       <td colspan="2"><button class="openPopupBtn6"
                                                               onclick="closeStyleTable_line()">关闭</button>
                                       </td>
                                   </tr>
                               </table>
                           </td>
                       </tr>
                   </table>
                   <button id="close_xian3" class="close_style2">&times;</button>
               </div>



               <div id="xianxxxx1"
                    style="border-radius:20px;width: 25%; height: 40%; position: absolute; left: 1%;bottom: 5%;display: none;z-index: 9999">

                   <table id="xxianshi11"
                          style="text-align: center;width: 97%; height: 92%; margin: 1%;color: rgb(205, 223, 233);">
                       <tr>
                           <td colspan="2" style="font-size: 24px;text-align: center">线信息列表</td>
                       </tr>

                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>名&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp称:</td>
                           <td id="xtd441"></td>
                       </tr>

                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>当前颜色:</td>
                           <td>
                               <div id="xiancolorPicker"
                                    style="width: 20%;height: 50%;background-color: #ff0000;border: 1px solid #000;margin-left: 41%">
                               </div>

                           </td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>当前形状:</td>
                           <td class="xtd77">
                               <div id="xianname"> 虚线</div>
                           </td>
                       </tr>

                       <tr>
                           <td colspan="2">
                               <button id="modifyStyle_line2" class="openPopupBtn5" onclick="modifyStyle_line2()">修改样式</button>
                               <table id="styleTable_line2" class="styleTable_line" style="display:none;color: white">
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">名称修改:</td>
                                       <td id="xtd551" style="width: 250px"><input id="xidinput1" type="text"
                                                                                   placeholder="请输入修改编号">
                                           <button id="xidbutton1" class="openPopupBtn6">修改</button>
                                       </td>
                                   </tr>

                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">颜色选择:</td>
                                       <td id="xtd661">
                                           <div id="xysxz1" style="background-color: white"></div>
                                       </td>
                                   </tr>
                                   <tr style="height: 80px;">
                                       <td>形状选择:</td>
                                       <td id="xtd772">
                                           <button id="shixian2_button" class="xidbutton2">
                                               <div class="button_line"></div>
                                           </button>

                                           <button id="xuxian2_button" class="xidbutton3">
                                               <div class="dashed-line"></div>
                                           </button>
                                       </td>
                                   </tr>
                                   <tr style="height: 50px; margin:0 auto; text-align: center;">
                                       <td colspan="2"><button class="openPopupBtn6"
                                                               onclick="closeStyleTable_line2()">关闭</button>
                                       </td>
                                   </tr>
                               </table>
                           </td>
                       </tr>

                   </table>
                   <button id="close_xian4" class="close_style2">&times;</button>
               </div>

               <!--        class=" maptalks-msgBox"-->
               <div id="dianxxxx"
                    style="border-radius:2px;width: 25%; height: 40%; position: absolute; left: 1%;bottom: 5%;display: none;z-index: 9999">
                   <table id="xianshi1"
                          style="text-align: center; width: 98%; height: 92%; margin: 0;color: rgb(205, 223, 233); border: 1px; margin-top: 4%">
                       <tr>
                           <td colspan="2" style="font-size: 24px;">点坐标信息</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45); border-left:20px;">
                           <td>id:</td>
                           <td id="td44"></td>
                       </tr>
                       <tr>
                           <td style="background-color:#0c2c3773 ">经度:</td>
                           <td style="background-color:rgba(12,44,55, 0.45) ;" id="td11">111111111</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>纬度:</td>
                           <td id="td22">111111111</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>高程:</td>

                           <td id="td33">111111111</td>
                       </tr>
                       <tr>
                           <td colspan="2">
                               <button id="modifyStyle_point" class="openPopupBtn5" onclick="modifyStyle_point()">修改样式</button>
                               <table id="styleTable_point"   style="display:none;color: white">
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">id修改:</td>
                                       <td id="td55" style="width: 250px"><input id="idinput" type="text"
                                                                                 placeholder="请输入修改点号">
                                           <button id="idbutton" class="openPopupBtn6">修改</button>
                                       </td>
                                   </tr>
                                   <tr style=" height: 80px;">
                                       <td style="width: 110px; text-align: center;">图标选择:
                                       </td>
                                       <td id="td77">
                                           <img style="width: 63px" id="ckj" src="./images/穿孔机.png" alt="" title="穿孔机">
                                           <img style="width: 63px" id="wzz" src="./images/shexiangtou.png" alt="" title="摄像头">
                                           <button id="openPopupBtn" class="openPopupBtn6"
                                                   onclick="openPopupBtn2()">....</button>
                                           <div id="icon_point" class="popup1" style="display: none;position: relative;">
                                               <ul class="ul_dian">
                                                   <button id="close_dian1" class="close_style">&#10006;</button>
                                                   <li class="li_ckj"><img style="width: 63px" id="ckj01"
                                                                           src="./images/穿孔机.png" alt="" title="穿孔机"></li>
                                                   <li><img style="width: 63px" id="wzz01" src="./images/shexiangtou.png"
                                                            alt="" title="摄像头"></li>
                                                   <li><img style="width: 63px" id="yuandian" src="./images/原点.png" alt=""
                                                            title="原点"></li>
                                                   <li><img style="width: 42px; height: 50px" id="yjzd"
                                                            src="./images/yingjizhandian.png" alt="" title="应急站点"></li>
                                                   <li><img style="width: 42px; height: 50px" id="yljg"
                                                            src="./images/yiliaojigou.png" alt="" title="医疗机构"></li>
                                                   <li><img style="width: 42px; height: 50px" id="dongtu"
                                                            src="./images/dongtu.png" alt="" title="动土"></li>
                                                   <li><img style="width: 42px; height: 50px" id="youdu"
                                                            src="./images/youdu.png" alt="" title="有毒">
                                                   </li>
                                                   <li><img style="width: 42px; height: 50px" id="yiran"
                                                            src="./images/yiran.png" alt="" title="易燃">
                                                   </li>
                                                   <li><img style="width: 42px; height: 50px;" id="cheliang"
                                                            src="./images/车辆定位.png" alt="" title="车辆"></li>
                                               </ul>
                                           </div>
                                       </td>
                                   </tr>
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">颜色选择:</td>
                                       <td id="td66">
                                           <div id="ysxz" style="background-color: white"></div>
                                       </td>
                                   </tr>
                                   <tr style="height: 50px; margin:0 auto; text-align: center;">
                                       <td colspan="2"><button class="openPopupBtn6" onclick="closeStyleTable_point()">关闭</button>
                                       </td>
                                   </tr>
                               </table>
                           </td>
                       </tr>
                   </table>
                   <button id="close_dian3" class="close_style2">&times;</button>
               </div>


               <div id="dianxxxx1"
                    style="border-radius:2px;width: 25%; height: 40%; position: absolute; left: 1%;bottom: 5%;display: none;z-index: 9999">
                   <table id="xianshi11"
                          style="text-align: center;width: 98%;height: 96%;margin: 0;color: rgb(205, 223, 233);">
                       <tr>
                           <td colspan="2" style="font-size: 24px;">点坐标信息</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>id:</td>
                           <td id="td441"></td>
                       </tr>
                       <tr>
                           <td style="background-color:rgba(12,44,55, 0.45) ">经度:</td>
                           <td style="background-color:rgba(12,44,55, 0.45) ;" id="td111">111111111</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>纬度:</td>
                           <td id="td221">111111111</td>
                       </tr>
                       <tr style="background-color: rgba(12,44,55, 0.45);">
                           <td>高程:</td>
                           <td id="td331">111111111</td>
                       </tr>
                       <tr>

                           <td colspan="2">
                               <button id="modifyStyle_point2" class="openPopupBtn5" onclick="modifyStyle_point2()">修改样式</button>
                               <table id="styleTable_point2" style="display:none;color: white">
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">id修改:</td>
                                       <td id="td551" style="width: 250px"><input id="idinput1" type="text"
                                                                                  placeholder="请输入修改点号">
                                           <button id="idbutton1" class="openPopupBtn6">修改</button>
                                       </td>
                                   </tr>
                                   <tr style=" height: 80px;">
                                       <td style="width: 110px; text-align: center;">图标选择: </td>
                                       <td id="td771">
                                           <img style="width: 63px" id="ckj1" src="./images/穿孔机.png" alt="" title="穿孔机">
                                           <img style="width: 63px" id="wzz1" src="./images/shexiangtou.png" alt=""
                                                title="摄像头">
                                           <button id="openPopupBtn4" onclick="openPopupBtn4()"
                                                   class="openPopupBtn6">....</button>
                                           <div id="icon_point2" class="popup1" style="display: none;position: relative;">
                                               <button id="close_dian2" class="close_style">&#10006;</button>
                                               <ul class="ul_dian">
                                                   <li><img style="width: 63px" id="ckj11" src="./images/穿孔机.png" alt=""
                                                            title="穿孔机"></li>
                                                   <li><img style="width: 63px" id="wzz11" src="./images/shexiangtou.png"
                                                            alt="" title="摄像头"></li>
                                                   <li><img style="width: 63px" id="yuandian1" src="./images/原点.png" alt=""
                                                            title="原点"></li>
                                                   <li><img style="width: 42px; height: 50px" id="yjzd1"
                                                            src="./images/yingjizhandian.png" alt="" title="应急站点"></li>
                                                   <li><img style="width: 42px; height: 50px" id="yljg1"
                                                            src="./images/yiliaojigou.png" alt="" title="医疗机构"></li>
                                                   <li><img style="width: 42px; height: 50px" id="dongtu1"
                                                            src="./images/dongtu.png" alt="" title="动土"></li>
                                                   <li><img style="width: 42px; height: 50px" id="youdu1"
                                                            src="./images/youdu.png" alt="" title="有毒">
                                                   </li>
                                                   <li><img style="width: 42px; height: 50px" id="yiran1"
                                                            src="./images/yiran.png" alt="" title="易燃">
                                                   </li>
                                                   <li><img style="width: 42px; height: 50px;" id="cheliang1"
                                                            src="./images/cheliang.png" alt="" title="车辆"></li>
                                               </ul>
                                           </div>
                                       </td>
                                   </tr>
                                   <tr style="height: 80px;">
                                       <td style="width: 110px; text-align: center;">颜色选择:</td>
                                       <td id="td661">
                                           <div id="ysxz1"></div>
                                       </td>
                                   </tr>
                                   <tr style="height: 50px; margin:0 auto; text-align: center;">
                                       <td colspan="2"><button class="openPopupBtn6" onclick="closeStyleTable_point2()">关闭</button>
                                       </td>
                                   </tr>
                               </table>
                           </td>
                       </tr>
                   </table>
                   <button id="close_dian4" class="close_style2">&times;</button>
               </div>


               <!--        剖面分析框  -->
               <div id="echartsView1" class="echartsView1" style="background-image: url(images/moxing2.png)" ;>
                   <button id="close_poumianfenxi" class="close_style3">&times;</button>
               </div>


               <!--          空间量测nav框          -->
               <nav id="liangce111">
                   <div class="gongjuxiang">工具箱</div>
                   <ul>
                       <li onclick="adddian1()" id="swzb" title="三维坐标获取">
                           <h5>
                               <img src="./images/坐标获取.png" alt="">
                           </h5>
                           <div>坐标获取</div>
                       </li>
                       <li onclick="measureheight()" id="cegaodu" title="量高度">
                           <h5>
                               <img src="./images/量高度.png" alt="">
                           </h5>
                           <div>量高度</div>
                       </li>
                       <li onclick="measuredistance()" id="liangjuli" title="量距离">
                           <h5>
                               <img src="./images/量距离2.png" alt="">
                           </h5>
                           <div>量距离</div>
                       </li>
                       <li  onclick="measurearea()" id="liangmianji" title="量面积">
                           <h5>
                               <img src="./images/量面积2.png" alt="">
                           </h5>
                           <div>量面积</div>
                       </li>
                       <li onclick="measurejiaoduii()" id="liangjiaodu" title="量角度">
                           <h5>
                               <img src="./images/量高度.png" alt="">
                           </h5>
                           <div>量角度</div>
                       </li>
                       <li onclick="addProfile()" id="liangpoumian" title="剖面分析">
                           <h5>
                               <img src="./images/刨面分析.png" alt="">
                           </h5>
                           <div>刨面分析</div>
                       </li>
                       <li onclick="adddian()" id="dingzuobiao" title="点标绘">
                           <h5>
                               <img id="dianbiaohui" src="./images/点标绘.png" alt="">
                           </h5>
                           <div>点标绘</div>
                       </li>
                       <li onclick="addxian()" id="xianbiaohui" title="线标绘">
                           <h5>
                               <img src="./images/线标绘2.png" alt="">
                           </h5>
                           <div>线标绘</div>
                       </li>

                       <li onclick="addmian()" id="mianbiaohui" title="面标绘">
                           <h5>
                               <img src="./images/面标绘2.png" alt="">
                           </h5>
                           <div>面标绘</div>
                       </li>
                       <li onclick="dianji()" id="xiugai" title="修改">
                           <h5>
                               <img src="./images/修改2.png" alt="">
                           </h5>
                           <div>修改</div>
                       </li>
                       <li onclick="kuangqu() " id="baocun" title="保存">
                           <h5>
                               <img src="./images/保存2.png" alt="">
                           </h5>
                           <div>保存</div>
                       </li>
                       <li onclick="measureclear()" id="quanshanchu" title="删除">
                           <h5>
                               <img src="./images/删除.png" alt="">
                           </h5>
                           <div>删除</div>
                       </li>
                   </ul>
                   <button id="close_liangce111" class="close_style4">&times;</button>
               </nav>
               <button class="open_liangce111" onclick="open_liangce111" id="open_liangce111">
                   <div>➔</div>
               </button>

               <!--    空间分析-->
               <!--    空间分析-->
               <!--    空间分析-->

           </div>
           <div class="change_content" id="kjfxi-lww" style="display: none;">
               <div class="left_all_analyse" id="" style="left: 1px !important; width:417px;top: 178px ">

                   <!--采剥量计算-->
                   <div id="Analyse_Dysj" name="平庄矿区" value="平庄矿区"
                        style="background-color: rgba(13, 38, 68, 0.5);margin-top: 0px;height: 300px;border: 1px solid #004C7B;" class="left_all_div juli">
                       <form class="layui-form" action="">
                           <div class="layui-form-item">
                               <div class="Search_btn2"
                                    style="float: left;font-size: 20px; margin-left: 72px;padding-top: 20px;font-size: 20px;color: white;margin-bottom: -35px;">
                                   采剥量计算
                               </div>
                           </div>
                           <div class="font_border">
                               <img src="images/空间数据/矩形%209.png" style="width: 100%;margin-bottom: 10px">
<!--                               <img src="images/多边形 1983.png" alt=""><img src="images/组 3023.png" alt="">-->
                           </div>
                           <div class="layui-form-item">
                               <label class="layui-form-label" style="color: #edffff">采剥前文件：</label>
                               <div class="layui-inline" style="background-image: url('images/空间数据/矩形 10.png');">
                                   <input type="text" name="searchTitle" id="pre_file" lay-verify="searchTitle"
                                          autocomplete="off" placeholder="" class="layui-input" style="width: 211px;border: 0px">
                               </div>
                               <button type="button" class="layui-btn layui-btn-normal" onclick="getPreFile()">
                                   <i class="layui-icon layui-icon-right iclass"></i>
                               </button>
                           </div>
                           <div class="layui-form-item" >
                               <label class="layui-form-label" style="color: #edffff">采剥后文件：</label>
                               <div class="layui-inline" style="background-image: url('images/空间数据/矩形 10.png');">
                                   <input type="text" name="searchTitle" id="post_file" lay-verify="searchTitle"
                                          autocomplete="off" placeholder="" class="layui-input" style="width: 211px;border: 0px">
                               </div>
                               <button type="button" class="layui-btn layui-btn-normal layui-btn-disabled"
                                       onclick="getPostFile()" id="PostFile" disabled>
                                   <i class="layui-icon layui-icon-right iiclass"></i>
                               </button>
                           </div>
                           <form class="layui-form" action="" style="display: none">
                               <div class="layui-form-item" style="color: #FFFFFF;display: none">
                                   <div class="layui-input-block" style="margin-left: 30px;">
                                       <input type="radio" name="cal" value="all" id="all" lay-filter="cal" title="整体运算"
                                              checked>
                                       <input type="radio" name="cal" value="part" id="part" lay-filter="cal" title="区域运算">
                                       <input type="radio" name="cal" value="custom" id="custom" lay-filter="cal"
                                              title="自定义运算">
                                   </div>
                               </div>
                           </form>
                           <div id="part_detail" style="display: none;color: #FFFFFF;line-height: 25px;">
                               <div style="background-color: rgba(0,0,0,0.3)!important;margin-left: 20px;width: 350px;">
                                   <label>选择区域：</label>
                                   <button class="small blue button" onclick="selectArea()" id="selectArea"
                                           style="margin-left:10px ">绘制
                                   </button>
                                   <button class="small blue button" onclick="deleteArea()" id="deleteArea"
                                           style="margin-left:10px ">清除
                                   </button>
                               </div>
                               <div style="background-color: rgba(0,0,0,0.3)!important;margin-left: 20px;width: 350px;">
                                   <label>区域左下角坐标:</label>
                                   <div><label id="left_coor"></label></div>
                               </div>
                               <div style="background-color: rgba(0,0,0,0.3)!important;margin-left: 20px;width: 350px;">
                                   <label>区域右上角坐标:</label>
                                   <div><label id="right_coor"></label></div>
                               </div>
                           </div>
                           <div id="custom_detail" style="display: block;color: #FFFFFF;line-height: 25px;">
                               <div style="background-color: rgba(0,0,0,0.3)!important;margin-left: 20px;width: 350px;">
                                   <label>选择区域：</label>
                                   <button class="small blue button" onclick="selectCustomArea()" id="selectCustomArea"
                                           style="margin-left:10px ">绘制
                                   </button>
                                   <button class="small blue button" onclick="deleteCustomArea()" id="deleteCustomArea"
                                           style="margin-left:10px ">清除
                                   </button>
                               </div>
                           </div>
                           <!--                    <button class="small blue button" onclick="jisuan()" id="cal">计算</button>-->
                           <button type="button" class="layui-btn layui-btn-warm" onclick="jisuan()" id="cal"
                                   style="margin-left: 120px;margin-top: 10px;background-color: rgba(9, 60, 113, 0.5);">计算
                           </button>
                           <button type="button" class="layui-btn layui-btn-warm" onclick="reset()" id="reset"
                                   style="margin-top: 10px;background-color: rgba(9, 60, 113, 0.5);">重置
                           </button>


                       </form>

                       <!--                空间分析-->


                   </div>

                   <!--运距爬高计算-->
                   <div id="Analyse_Sltc" name="平庄矿区"
                        style="background-color: rgba(13, 38, 68, 0.5);;margin-top: 0px;height: 286px;border: 1px solid rgb(0, 76, 123)" class="left_all_div juli">
                       <form class="layui-form" action="">
                           <div class="layui-form-item">
                               <div class="Search_btn2"
                                    style="float: left;font-size: 20px; margin-left: 72px;padding-top: 20px;font-size: 20px;color: white;margin-bottom: -35px;">
                                   运距爬高计算
                               </div>
                           </div>
                           <div class="font_border">
                               <img src="images/空间数据/矩形%209.png" style="width: 100%;margin-bottom: 10px">
<!--                               <img src="images/多边形 1983.png" alt=""><img src="images/组 3023.png" alt="">-->
                           </div>
                           <div class="layui-form-item" >
                               <label class="layui-form-label" style="color: #edffff">选择数据：</label>
                               <div class="layui-inline" style="background-image: url('images/空间数据/矩形 10.png')">
                                   <input type="text" name="searchTitle" id="pre_file_yunju" lay-verify="searchTitle"
                                          autocomplete="off" placeholder="" class="layui-input" style="width: 211px;border: 0px">
                               </div>
                               <button type="button" class="layui-btn layui-btn-normal" onclick="getPreFile_yunju()"
                                       id="PreFile_data">
                                   <i class="layui-icon layui-icon-right iclassy"></i>
                               </button>
                           </div>

                           <div class="layui-form-item" id="select_biaoduan" style="display: none">
                               <label class="layui-form-label" style="color: #edffff">选择标段：</label>
                               <div class="layui-inline">
                                   <input type="text" name="searchTitle" id="pre_file_biaoduan" lay-verify="searchTitle"
                                          autocomplete="off" placeholder="" class="layui-input" style="width: 211px">
                               </div>
                               <button type="button" class="layui-btn layui-btn-normal" onclick="getPreFile_biaoduan()"
                                       id="PreFile_biaoduan">
                                   <i class="layui-icon layui-icon-right iclassp "></i>
                               </button>
                           </div>

                           <form class="layui-form" action="">
                               <div class="layui-form-item" style="color: #FFFFFF">
                                   <div class="layui-input-block" style="margin-left: 20px;">
                                       <input type="radio" name="cal_yunju" value="all_yunju" id="all_yunju"
                                              lay-filter="cal_yunju" title="根据DWG文件计算" checked>
                                       <input type="radio" name="cal_yunju" value="part_yunju" id="part_yunju"
                                              lay-filter="cal_yunju" title="车辆轨迹计算">
                                       <input type="radio" name="cal_yunju" value="custom_yunju" id="custom_yunju"
                                              lay-filter="cal_yunju" title="自定义轨迹计算">
                                   </div>
                               </div>
                           </form>
                           <div id="custom_yunju_detail" style="display: none;color: #FFFFFF;line-height: 25px;">
                               <div style="background-color: rgba(0,0,0,0.3)!important;margin-left: 20px;width: 350px;">
                                   <label>选择路线：</label>
                                   <button class="small blue button" onclick="selectCustomYunju()" id="selectCustomYunju"
                                           style="margin-left:10px ">绘制
                                   </button>
                                   <button class="small blue button" onclick="deleteCustomYunju()" id="deleteCustomYunju"
                                           style="margin-left:10px ">清除
                                   </button>
                               </div>
                           </div>
                           <button type="button" class="layui-btn layui-btn-warm" onclick="yunju()" id="cal_yunju"
                                   style="margin-left: 120px;margin-top: 10px;background-color: rgba(9, 60, 113, 0.5);">计算
                           </button>
                           <button type="button" class="layui-btn layui-btn-warm" onclick="reset_yunju()" id="reset_yunju"
                                   style="margin-top: 10px;background-color: rgba(9, 60, 113, 0.5);">重置
                           </button>


                       </form>

                   </div>

                   <!--变化监测分析-->
                   <div id="Analyse_Bhjc" name="平庄矿区" value="平庄矿区"
                        style="background-color: rgba(13, 38, 68, 1);margin-top: 0px;height: 330px" class="left_all_div juli">
                       <form class="layui-form" action="">
                           <div class="layui-form-item">
                               <div class="Search_btn2"
                                    style="float: left;font-size: 20px; margin-left: 127px;padding-top: 20px;font-size: 20px;color: white;">
                                   变化监测分析
                               </div>
                           </div>
                           <div class="font_border"><img src="images/多边形 1983.png" alt=""><img src="images/组 3023.png" alt="">
                           </div>
                           <div class="layui-form-item">
                               <label class="layui-form-label" style="color: #edffff">开始时间：</label>
                               <div class="layui-input-block">
                                   <input type="layerdate" class="layui-input disabled" name="layerdate" id="layerdate"
                                          style="width:250px" placeholder="请选择开始时间" autocomplete="off">
                               </div>
                               <!--                        <button type="button" class="layui-btn layui-btn-normal" onclick="getPreTime()">-->
                               <!--                            <i class="layui-icon layui-icon-right"></i>-->
                               <!--                        </button>-->
                           </div>
                           <div class="layui-form-item">
                               <label class="layui-form-label" style="color: #edffff">结束时间：</label>
                               <div class="layui-input-block">
                                   <input type="layerdate" class="layui-input disabled" name="layerdate" id="layerdate2"
                                          style="width:250px" placeholder="请选择结束时间" autocomplete="off">
                               </div>
                               <!--                        <button type="button" class="layui-btn layui-btn-normal" onclick="getPostTime()" id="PostTime">-->
                               <!--                            <i class="layui-icon layui-icon-right"></i>-->
                               <!--                        </button>-->
                           </div>
                           <div id="part_detail_change" style="display: block;color: #FFFFFF;line-height: 25px;">
                               <div style="background-color: rgba(0,0,0,0.3)!important;margin-left: 20px;width: 350px;">
                                   <label>选择区域：</label>
                                   <button class="small blue button" onclick="selectAreachange()" type="button"
                                           id="selectArea_change" style="margin-left:10px ">绘制
                                   </button>
                                   <button class="small blue button" onclick="deleteAreachange()" type="button"
                                           id="deleteArea_change" style="margin-left:10px ">清除
                                   </button>
                               </div>
                               <div style="background-color: rgba(0,0,0,0.3)!important;margin-left: 20px;width: 350px;">
                                   <label>区域左下角坐标:</label>
                                   <div><label id="left_coor_change"></label></div>
                               </div>
                               <div style="background-color: rgba(0,0,0,0.3)!important;margin-left: 20px;width: 350px;">
                                   <label>区域右上角坐标:</label>
                                   <div><label id="right_coor_change"></label></div>
                               </div>
                           </div>
                           <button type="button" class="layui-btn layui-btn-warm" onclick="jisuan_change()" id="cal_change"
                                   style="margin-left: 120px;margin-top: 10px">计算
                           </button>
                           <button type="button" class="layui-btn layui-btn-warm" onclick="reset()" id="reset_change"
                                   style="margin-top: 10px;background-color: blue">重置
                           </button>


                       </form>
                       <ul class="layui-nav layui-nav-tree layui-inline" lay-shrink="all" lay-filter="demo" id="select_Area"
                           style="margin-left: 395px;margin-top: -283px;position: fixed; display: none">
                           <li class="layui-nav-item " lay-unselect>
                               <a>一号矿区</a>
                               <dl class="layui-nav-child">
                                   <a>矿区全局</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect>
                                           <a class="">
                                               <div>
                                                   <input type="radio" id="Analyse_scales_change" name="8y3dtiles"
                                                          value="2022-07-01-L00251001">
                                                   <!--                                            <label for="Analyse_scales"-->
                                                   <!--                                                id="Analyse_shuju_change">1.&nbsp&nbsp&nbsp2022-07-01-L00251001</label>-->
                                               </div>
                                           </a>
                                           <div class="select1" id="Analyse_Dy_selest1_change">
                                           </div>
                                           <a class="">
                                               <div>
                                                   <input type="radio" id="Analyse_scales2_change" name="8y3dtiles"
                                                          value="2022-07-01-L00251002">
                                                   <!--                                            <label for="Analyse_scales2"-->
                                                   <!--                                                id="Analyse_shuju2_change">2.&nbsp&nbsp&nbsp2022-07-02-L00251002</label>-->
                                               </div>
                                           </a>
                                           <div class="select1" id="Analyse_Dy_selest2_change">
                                           </div>
                                       </dd>
                                       <button class="small blue button" onclick="preTime()" id="preTime">确定</button>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>办公区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>居住区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>设备区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>采矿区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>加工区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                           </li>
                           <li class="layui-nav-item">
                               <a>二号矿区</a>
                               <dl class="layui-nav-child">
                                   <a>矿区全局</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>办公区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>居住区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>设备区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>采矿区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>加工区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                           </li>
                           <li class="layui-nav-item">
                               <a>三号矿区</a>
                               <dl class="layui-nav-child">
                                   <a>矿区全局</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>办公区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>居住区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>设备区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>采矿区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>加工区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                           </li>
                           <li class="layui-nav-item">
                               <a>四号矿区</a>
                               <dl class="layui-nav-child">
                                   <a>矿区全局</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>办公区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>居住区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>设备区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>采矿区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                               <dl class="layui-nav-child">
                                   <a>加工区</a>
                                   <dl class="layui-nav-child">
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                       <dd lay-unselect><a>暂无数据</a></dd>
                                   </dl>
                               </dl>
                           </li>
                       </ul>
                   </div>

               </div>


               <div id="Analyse_left_guidance" class="left_guidance" value="0" style="top: 162px">
                   <div class="gun" style="display: flex">
                       <div style="width: 200px">
<!--                           <div class="left_guidance_Div" name="6" id="Analyse_left_guidance_Div_1" style="height: 120px;">采剥量计算</div>-->
                           <div class="kjsjdiv_lww"  name="6" id="Analyse_left_guidance_Div_1" >
                               <img src="images/图标/采剥量计算.png">
                               <span class="kjfxmeig">采剥量计算</span>
                           </div>
                           <div class="kjsjdiv_lww"  name="7" id="Analyse_left_guidance_Div_2" >
                               <img src="images/图标/运距爬升计算.png">
                               <span class="kjfxmeig">运距爬升计算</span>
                               </div>
                           <div class="kjsjdiv_lww"  name="8" id="Analyse_left_guidance_Div_3" >
                               <img src="images/图标/图斑变化检测.png">
                               <span class="kjfxmeig">图斑变化检测</span>
                           </div>
                       </div>

                   </div>
               </div>


           </div>

           <!--    监控监测-->
           <!--    监控监测-->
           <!--    监控监测-->
           <div class="change_content" style="display: none;">
               <div id="jiance_left_guidance" class="left_guidance" value="0" style="top: 149px">
                   <div class="gun" style="display: flex">
                       <div style="width: 30px;font-size: 16px">
                           <div class="kjsjdiv_lww" id="jiance_left_guidance_Div_1" onclick="addimg1()">
                               <img src="images/图标/矿区安全监测.png">
                               <span class="jkjcmeig">矿区安全监测</span>
                           </div>
                           <div class="kjsjdiv_lww" id="jiance_left_guidance_Div_2"  onclick="bianpoclick()">
                               <img src="images/图标/边坡监测与分析.png">
                               <span class="jkjcmeig">边坡监测与分析</span>
                           </div>
                           <div class="kjsjdiv_lww" id="jiance_left_guidance_Div_3" >
                               <img src="images/图标/水位监测与分析.png">
                               <span class="jkjcmeig">水位监测与分析</span>
                           </div>
                           <div class="kjsjdiv_lww" id="jiance_left_guidance_Div_4" >
                               <img src="images/图标/植被监测与分析.png">
                               <span class="jkjcmeig">植被监测与分析</span>
                           </div>
                           <div class="kjsjdiv_lww" id="jiance_left_guidance_Div_5" >
                               <img src="images/图标/隐蔽灾害普查数据.png">
                               <span class="jkjcmeig">隐蔽灾害普查</span>
                           </div>
                           <!-- <div class="left_guidance_Div" id="jiance_left_guidance_Div_6" style="height: 120px">降水量监测</div> -->
                       </div>

                   </div>
               </div>


               <div id="vido" style="display:none;">

                   <!--    < img src="images/cha" id="buttondiv" onclick="showbutton()" alt="">-->
                   <img src="images/cha.jpg" onclick="showbutton()" id="buttondiv">
                   <video id="videoid" style="width: 600px; height: 340px;position: relative;left: 200px;top:31px"
                          class="video-js vjs-default-skin " controls autoplay poster="">
                       <source id="videoid1" src=" " type="application/x-mpegURL">
                   </video>
                   <div class="sxt_information">
                       <ul id="sxt_information_ul">
                           <li></li>

                       </ul>
                   </div>
                   <div id="lssp"
                        style="position: absolute;top: 371px;background-color: #0d2644;color: white;width: 200px;font-size: 19px;text-align: center;display: block">
                   </div>
               </div>
               <div id="bianpotu" style="top: 44px;position: absolute;left: 758px;width: 400px;height: auto;display: none;">
                   <img id="bpsc" src="./images/shanchu.png" style="width: 37px; position: absolute; right: -7px; top: -8px;"
                        alt="">
                   <img id="bianpo" src="./images/bianpo.png" style="width: 100%;" alt="">
                   <img id="bianpoliuc" src="./images/bianpoliuc.jpg" style="width: 100%;height:400px;" alt="">
               </div>



               <div id="bpxx" class="bpxx" style="background-color: rgba(13,38,68,1)">
                   <img id="bpxxsc" src="images/bshanchu.png" style="position:absolute;top: 0px;right: 0px;width: 26px;">
                   <div id="xxxx"
                        style="background-color: rgba(13,38,68,1);font-family: 微软雅黑;font-size: 17px;color: rgb(205, 223, 233);text-align: center;">
                       详细信息
                   </div>
                   <div id="wz">位置:一号位</div>
                   <div id="sbzt">设备状态:良好</div>
                   <div id="azsj">安装时间:2023/03/10</div>
                   <div id="yjxx">预警信息:无</div>
                   <div id="zrr">责任人:张三</div>
                   <button onclick="DaoChu()" class="myButton">导出图片</button>
               </div>

               <div id="bpxx1" class="bpxx" style="background-color: rgba(13,38,68,1)">
                   <img id="bpxxsc1" src="images/bshanchu.png" style="position:absolute;top: 0px;right: 0px;width: 26px;">
                   <div id="xxxx1"
                        style="background-color: rgba(13,38,68,1);font-family: 微软雅黑;font-size: 17px;color: rgb(205, 223, 233);text-align: center;">
                       详细信息
                   </div>
                   <div id="wz1">位置:二号位</div>
                   <div id="sbzt1">设备状态:良好</div>
                   <div id="azsj1">安装时间:2023/03/19</div>
                   <div id="yjxx1">预警信息:无</div>
                   <div id="zrr1">责任人:李四</div>

                   <button onclick="DaoChu()" class="myButton">导出图片</button>

               </div>
               <div id="BpPoint_information_div" class="BpPoint_information_div">

                   <img id="bpxxsc2" src="images/bshanchu.png" style="position:absolute;top: 0px;right: 0px;width: 26px;">
                   <ul id="BpPoint_information_ul" style="position: absolute">

                   </ul>

               </div>

           </div>


           <!--    新闻中心-->
           <!--    新闻中心-->
           <!--    新闻中心-->
           <div class="change_content" style="display: none;">
               <div style="position: absolute;width: 48%;top: 20%;left: 26%">
                   <img src="images/形状%201467.png" style="float: left;position:relative;top: 8px;left: -7px">
                   <img src="images/形状%201467%20拷贝.png" style="float: left;width: 100%;position:relative;">
                   <img src="images/首页/新闻/边框眩晕.png" style="height: 510px;width: 102%;position: absolute;top: 9px;left: -10px;">

                   <img src="images/首页/新闻/背景.png" style="height: 536px;width: 100%;position: absolute;top: -2px;left: 6px;">
<!--                   <img src="images/首页/新闻/背景1.png">-->
<!--                   <img src="images/首页/新闻/背景2.png">-->
<!--                   <div class="news_table" style="position: relative;" >-->
                     <table class="news_table" style="width: 100%;" >
                         <thead >
                             <td colspan="2" style="background-color: #0F5874;height: 38px"  >新闻列表</td>
                         </thead>
                         <tr>
                             <td colspan="2" style="height: 25px"  ><img src="images/首页/新闻/标题%20551.png"style="margin-right: 0px"><img src="images/首页/新闻/标题背景1.png" style="margin-left: -18px;margin-right: 0px">标题</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">中国矿业联合会秘书长车长波全面推进和支撑绿色矿山建设</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">中国矿业联合会发布地勘信用红名单</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">程利伟会长出席首届有色金属矿业技术论坛暨2024年智能矿山发.</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">全面推进绿色矿山建设--2024(第十五届)中国矿业循环经济..</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">中国矿业联合会会长程利伟:全面推进绿色矿山建设工作全力..</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                         <td><img src="images/首页/新闻/圆点.png">中国矿业联合会秘书长车长波全面推进和支撑绿色矿山建设</td>
                         <td>2024-05-16</td>
                     </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">中国矿业联合会发布地勘信用红名单</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">要闻</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">西气东输二三线首站累计输送天然气超5000亿立方米05-16</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">中国矿业联合会:关于举办绿色矿山建设专题培训班的通知(第一期)05-16</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">甘肃省地质矿产勘查开发局院士专家工作站揭牌05-16</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">通知/动态更多+</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">中国矿业联合会:关于举办绿色矿山建设专题培训班的通知(第一期)05-16</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">2023年度地质勘查信用信息红名单单位年检合格名单的公告05-15</td>
                             <td>2024-05-16</td>
                         </tr>
                         <tr>
                             <td><img src="images/首页/新闻/圆点.png">中国矿业联合会:关于召开“2024中国探矿者年会”的通知05-10</td>
                             <td>2024-05-16</td>
                         </tr>


                     </table>
                   </div>
<!--               </div>-->


           </div>

           <!--    用户权限-->
           <!--    用户权限-->
           <!--    用户权限-->
           <div class="change_content" style="display: none;">
               <div style="position: absolute;width: 48%;top: 20%;left: 26%">
                   <img src="images/形状%201467.png" style="float: left;position:relative;top: 8px;left: -7px">
                   <img src="images/形状%201467%20拷贝.png" style="float: left;width: 100%;position:relative;">
                   <img src="images/首页/新闻/边框眩晕.png" style="height: 510px;width: 102%;position: absolute;top: 9px;left: -10px;">

                   <img src="images/首页/新闻/背景.png" style="height: 536px;width: 100%;position: absolute;top: -2px;left: 6px;">
                   <h1>用户权限管理</h1>
                   <table class="news_table yhqxian" style="width: 100%;">
                       <thead >
                       <td colspan="5" style="background-color: #0F5874;height: 38px"  >用户权限管理</td>
                       </thead>
                       <thead>
                       <tr style="font-size: 16px">
                           <th>用户名</th>
                           <th>邮箱</th>
                           <th>角色</th>
                           <th>权限</th>
                           <th class="actions">操作</th>
                       </tr>
                       </thead>
                       <tbody>
                       <tr style="text-align: center">
                           <td>李国强</td>
                           <td>lgq@example.com</td>
                           <td>管理员</td>
                           <td>查看、编辑、删除</td>
                           <td class="actions">
                               <button class="layui-btn layui-btn-primary">编辑</button>
                               <button class="layui-btn layui-btn-primary">删除</button>
                           </td>
                       </tr>
                       <tr style="text-align: center">
                           <td>王小小</td>
                           <td>wxx@example.com</td>
                           <td>管理员</td>
                           <td>查看、编辑、删除</td>
                           <td class="actions">
                               <button class="layui-btn layui-btn-primary">编辑</button>
                               <button class="layui-btn layui-btn-primary">删除</button>
                           </td>
                       </tr>
                       <tr style="text-align: center">
                           <td>董一</td>
                           <td>dongyi@example.com</td>
                           <td>管理员</td>
                           <td>查看、编辑、删除</td>
                           <td class="actions">
                               <button class="layui-btn layui-btn-primary">编辑</button>
                               <button class="layui-btn layui-btn-primary">删除</button>
                           </td>
                       </tr>
                       <tr style="text-align: center">
                           <td>张大</td>
                           <td>zhangda@example.com</td>
                           <td>用户</td>
                           <td>查看</td>
                           <td class="actions">
                               <button class="layui-btn layui-btn-primary">编辑</button>
                               <button class="layui-btn layui-btn-primary">删除</button>
                           </td>
                       </tr>
                       <tr style="text-align: center">
                           <td>杨江</td>
                           <td>yangjiang@example.com</td>
                           <td>用户</td>
                           <td>查看</td>
                           <td class="actions">
                               <button class="layui-btn layui-btn-primary">编辑</button>
                               <button class="layui-btn layui-btn-primary">删除</button>
                           </td>
                       </tr>
                       <tr style="text-align: center">
                           <td>刘小欧</td>
                           <td>liuxiaopu@example.com</td>
                           <td>用户</td>
                           <td>查看</td>
                           <td class="actions">
                               <button class="layui-btn layui-btn-primary">编辑</button>
                               <button class="layui-btn layui-btn-primary">删除</button>
                           </td>
                       </tr>
                       <tr style="text-align: center">
                           <td>徐小小</td>
                           <td>xuxiaoxiao@example.com</td>
                           <td>用户</td>
                           <td>查看</td>
                           <td class="actions">
                               <button class="layui-btn layui-btn-primary">编辑</button>
                               <button class="layui-btn layui-btn-primary">删除</button>
                           </td>
                       </tr>
                       <tr style="text-align: center">
                           <td>范一</td>
                           <td>ufanyi@example.com</td>
                           <td>用户</td>
                           <td>查看</td>
                           <td class="actions">
                               <button class="layui-btn layui-btn-primary">编辑</button>
                               <button class="layui-btn layui-btn-primary">删除</button>
                           </td>
                       </tr>
                       <!-- 更多的用户行... -->
                       </tbody>
                   </table>
               </div>

           </div>

           <div class="details" id="details"
                style="font-size: 20px;color:#ffffff;background-color: rgba(37,113,180, .5);display: none;line-height:50px">
               <div>
                   采剥前文件：2022-07-01-L00251001
               </div>
               <div>
                   采剥后文件：2022-07-02-L00251002
               </div>
               <div>
                   挖方量：183.5462 m³
               </div>
               <div>
                   填方量：295.648 m³
               </div>
               <div>
                   采剥量：18059.17975065369 m³
               </div>
           </div>

           <div class="details" id="details_part"
                style="font-size: 20px;color:#ffffff;background-color: rgba(37,113,180, .5);display: none;line-height:50px">
               <img id="cblimg_id" src="images/采剥量计算.png" style="width: 470px">
               <!--        <div>-->
               <!--            挖方量：83.5462 m³-->
               <!--        </div>-->
               <!--        <div>-->
               <!--            填方量：95.648 m³-->
               <!--        </div>-->
               <div id="caiboliang_id">
                   采剥量：8059.17975065369 m³
               </div>
           </div>

           <div class="details" id="details_yunju"
                style="font-size: 20px;color:#ffffff;background-color: rgba(37,113,180, .5);display: none;line-height:50px">
               <div id="yunshujuli">
                   <div id="numjl">
                       总运输距离：5090.911883942842 m
                   </div>
                   <div id="numgd">
                       总爬升高度：-112.47801999999999 m
                   </div>
               </div>
               <div id="poumiantu" style="display: none">
                   <div id="xlpmt">
                       运输线路剖面图：
                   </div>
                   <div id="layer-photos-demo" class="layer-photos-demo">

                       <img id="mypmImage" layer-pid="" layer-src=" " src="" alt="图片名">

                   </div>
               </div>
               <div id="baobiao">
                   <div>
                       数据报表：
                   </div>
                   <table id="demo" lay-filter="test"></table>
                   <button class="small blue button" onclick="out_excel()"
                           style="margin-left: 10px;margin-top: 10px">导出报表</button>
                   <button class="small blue button" id="returnpm"
                           style="margin-left: 112px;margin-top: -37px;display: none">返回</button>

               </div>


           </div>
       </div>




   </div>



<!--    <script type="text/html" id="viewTrack">-->
<!--    <div class="layui-btn-container">-->
<!--        <button class="layui-btn layui-btn-sm" lay-event="showHisLine1">查看轨迹123123</button>-->
<!--    </div>-->
<!--</script>-->

    <script type="text/html" id="tool">
    {{#  if($('#typeDateSelect').val()==='0'){ }}
    <a class='layui-btn layui-btn-xs' lay-event='showLine'>查看摄像头</a>
    {{#  } else {}}
    <a class='layui-btn layui-btn-xs' lay-event='searchHistory'>查看历史定位</a>
    {{#  } }}

</script>
    <script type="text/html" id="toolHis">
    <a class='layui-btn layui-btn-xs' lay-event='showHisLine'>查看轨迹</a>
</script>

    <script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="left_data">左侧数据</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="right_data" style="background-color: #0f668b">右侧数据</a>
</script>
    <script type="text/html" id="barDemo1">

    <a class="layui-btn layui-btn-xs "  lay-event="color_select"  style="height: 27px;background-color: #f6ecec"  >
    </a>

</script>
    <script type="text/html" id="yjpg-id">
        <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
    </script>
    <script>
        getNumber();


        //数据资源
        $('#dataclick_1').click(function () {
            $("#dataselecr_id").hide();
            $("#dataselecr_id").hide();
            $("#shapedata").hide();
            $("#dzdata").hide();
            $("#rsdata").hide();
            $("#dataclick_1").css("margin-bottom", "0px")
            $("#dataclick_2").css("margin-bottom", "0px")
            $("#dataclick_3").css("margin-bottom", "0px")
            $("#dataclick_4").css("margin-bottom", "0px")
            adata = 0
            $("#mytable_list").hide();
            $('#kqdata').val('全部矿区')
            $('#qydata').val('矿区全局')

            var isHidden = $("#3Ddata").is(":hidden");
            if (isHidden) {
                $('#3Ddata').show();
                $("#dataclick_1").css("margin-bottom", "154px")
            } else {
                $('#3Ddata').hide();
                $('#Swmx').hide();
                $('#Dysj').hide();
                $('#Dxgx').hide();
                $('#Sltc').hide();
                $('#Dzsj').hide();
                $('#Kfdt').hide();
                $('#Yxsj').hide();
                $('#Hwsj').hide();
                $("#dataclick_1").css("margin-bottom", "0px")

            }
            $('#shapedata').hide();
            $('#rsdata').hide();
            $('#Swmx').hide();
            $('#Dysj').hide();
            $('#Dxgx').hide();
            $('#Sltc').hide();
            $('#Dzsj').hide();
            $('#Kfdt').hide();
            $('#Yxsj').hide();
            $('#Hwsj').hide();
            $('#dzdata').hide();

        })
        $('#dataclick_2').click(function () {
            $("#dataselecr_id").hide();
            $("#dataselecr_id").hide();
            $("#3Ddata").hide();

            $("#dzdata").hide();
            $("#rsdata").hide();
            $("#dataclick_1").css("margin-bottom", "0px")
            $("#dataclick_2").css("margin-bottom", "0px")
            $("#dataclick_3").css("margin-bottom", "0px")
            $("#dataclick_4").css("margin-bottom", "0px")
            adata = 0
            $("#mytable_list").hide();
            // $('#kqdata').val('全部矿区')
            // $('#qydata').val('矿区全局')
            var isHidden = $("#shapedata").is(":hidden");
            if (isHidden) {
                $('#shapedata').show();
                $("#dataclick_2").css("margin-bottom", "154px")
            } else {
                $('#shapedata').hide();
                $('#Sltc').hide();
                $('#Dzsj').hide();
                $('#Kfdt').hide();
                $('#Yxsj').hide();
                $('#Hwsj').hide();
                $("#dataclick_2").css("margin-bottom", "0px")
            }
            $('#3Ddata').hide();
            $('#rsdata').hide();
            $('#Swmx').hide();
            $('#Dysj').hide();
            $('#Dxgx').hide();
            $('#Sltc').hide();
            $('#Dzsj').hide();
            $('#Kfdt').hide();
            $('#Yxsj').hide();
            $('#Hwsj').hide();
            $('#dzdata').hide();
        })
        $('#dataclick_3').click(function () {
            $("#dataselecr_id").hide();
            $("#3Ddata").hide();
            $("#shapedata").hide();
            $("#dzdata").hide();

            $("#dataclick_1").css("margin-bottom", "0px")
            $("#dataclick_2").css("margin-bottom", "0px")
            $("#dataclick_3").css("margin-bottom", "0px")
            $("#dataclick_4").css("margin-bottom", "0px")
            adata = 0
            $("#mytable_list").hide();
            $('#kqdata').val('全部矿区')
            $('#qydata').val('矿区全局')

            var isHidden = $("#rsdata").is(":hidden");
            if (isHidden) {
                $('#rsdata').show();
                $("#dataclick_3").css("margin-bottom", "154px")
            } else {
                $('#rsdata').hide();
                $("#dataclick_3").css("margin-bottom", "0px")
            }
            $('#3Ddata').hide();
            $('#shapedata').hide();
            $('#Swmx').hide();
            $('#dzdata').hide();
            $('#Dysj').hide();
            $('#Dxgx').hide();
            $('#Sltc').hide();
            $('#Dzsj').hide();
            $('#Kfdt').hide();
            $('#Yxsj').hide();
            $('#Hwsj').hide();

        })
        $('#dataclick_4').click(function () {
            $("#dataselecr_id").hide();
            $("#dataselecr_id").hide();
            $("#3Ddata").hide();
            $("#shapedata").hide();

            $("#rsdata").hide();
            $("#dataclick_1").css("margin-bottom", "0px")
            $("#dataclick_2").css("margin-bottom", "0px")
            $("#dataclick_3").css("margin-bottom", "0px")
            $("#dataclick_4").css("margin-bottom", "0px")
            adata = 0
            $("#mytable_list").hide();
            $('#kqdata').val('全部矿区')
            $('#qydata').val('矿区全局')
            var isHidden = $("#dzdata").is(":hidden");
            if (isHidden) {
                $('#dzdata').show();
                $("#dataclick_4").css("margin-bottom", "154px")
            } else {
                $('#dzdata').hide();
                $("#dataclick_4").css("margin-bottom", "0px")

            }
            $('#3Ddata').hide();
            $('#shapedata').hide();
            $('#Swmx').hide();
            $('#Dysj').hide();
            $('#Dxgx').hide();
            $('#Sltc').hide();
            $('#Dzsj').hide();
            $('#Kfdt').hide();
            $('#Yxsj').hide();
            $('#Hwsj').hide();
            $('#rsdata').hide();

        })



        //点云数据前后端
        var dianyundata = [];


        dianyundata.forEach((item, index) => {
            console.log(item)

        })


        // 显示时间
        function showTime() {
            var date = new Date();
            // 年月日
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            // 时分秒
            var hour = ("0" + date.getHours()).slice(-2);
            var minute = ("0" + date.getMinutes()).slice(-2);
            var second = ("0" + date.getSeconds()).slice(-2);
            // var hour = date.getHours();
            // var minute = date.getMinutes();
            // var second = date.getSeconds();
            // 实时显示
            var element = document.getElementById('time');
            element.innerHTML = '<div>' + year + '-' + month + '-' + day + '</div>' + '<div>' + hour + ':' + minute + ':' + second + '</div>';
        }

        setInterval('showTime()', 1000);


        /*
            添加背景
            切换界面

                */
        const btn = document.getElementsByClassName("btn");
        const change_content = document.getElementsByClassName("change_content");
        console.log(btn.length)
        for (let i = 0; i < btn.length; i++) {
            btn[i].onclick = () => {
                for (let j = 0; j < btn.length; j++) {
                    $(btn[j]).children().css('color', 'rgb(205, 223, 233)');
                }
                $(btn[i]).children().css('color', 'rgb(177, 187, 126)');
                CloseEntities1();
                if (i === 0) {
                    for (let j = 0; j < btn.length; j++) {
                        change_content[j].style.display = 'none';
                        $('#navigationDiv').hide();
                        $('#contentid').hide();
                        console.log("这里是1")
                        if (dianhandler !== null) {
                            dianhandler.destroy(); //关闭事件句柄
                            dianhandler = null;
                        }
                        if (handler22 !== null) {
                            handler22.destroy(); //关闭事件句柄
                            handler22 = null;
                        }
                        $('#select_data_caiboliang').hide()
                        $('#find_data_caiboliang').css('margin-left', '35%')
                        CloseEntities();
                    }
                    change_content[0].style.display = 'block';
                } else if (i === 1) {
                    for (let j = 0; j < btn.length; j++) {
                        change_content[j].style.display = 'none';
                        $('#navigationDiv').show();
                        $('#contentid').show();
                        if (dianhandler !== null) {
                            dianhandler.destroy(); //关闭事件句柄
                            dianhandler = null;
                        }
                        if (handler22 !== null) {
                            handler22.destroy(); //关闭事件句柄
                            handler22 = null;
                        }
                        $('#select_data_caiboliang').hide()
                        $('#find_data_caiboliang').css('margin-left', '35%')
                        CloseEntities()
                    }
                    change_content[1].style.display = 'block';
                } else if (i === 2) {
                    for (let j = 0; j < btn.length; j++) {
                        change_content[j].style.display = 'none';
                        $('#navigationDiv').show();
                        $('#contentid').show();
                        if (dianhandler !== null) {
                            dianhandler.destroy(); //关闭事件句柄
                            dianhandler = null;
                        }
                        $('#select_data_caiboliang').hide()
                        $('#find_data_caiboliang').css('margin-left', '35%')
                        if (handler22 !== null) {
                            handler22.destroy(); //关闭事件句柄
                            handler22 = null;
                        }
                        CloseEntities()
                    }
                    change_content[2].style.display = 'block';
                } else if (i === 3) {
                    for (let j = 0; j < btn.length; j++) {
                        change_content[j].style.display = 'none';
                        $('#navigationDiv').show();
                        $('#contentid').show();
                        if (dianhandler !== null) {
                            dianhandler.destroy(); //关闭事件句柄
                            dianhandler = null;
                        }
                        if (handler22 !== null) {
                            handler22.destroy(); //关闭事件句柄
                            handler22 = null;
                        }
                        $('#select_data_caiboliang').hide()
                        $('#find_data_caiboliang').css('margin-left', '35%')
                        CloseEntities()
                    }
                    change_content[3].style.display = 'block';
                } else if (i === 4) {
                    for (let j = 0; j < btn.length; j++) {
                        change_content[j].style.display = 'none';
                        $('#navigationDiv').show();
                        $('#contentid').show();
                        if (dianhandler !== null) {
                            dianhandler.destroy(); //关闭事件句柄
                            dianhandler = null;
                        }
                        if (handler22 !== null) {
                            handler22.destroy(); //关闭事件句柄
                            handler22 = null;
                        }
                        $('#select_data_caiboliang').hide()
                        $('#find_data_caiboliang').css('margin-left', '35%')
                        CloseEntities()
                    }
                    $("#kjfxi-lww").show()
                    console.log("1212121212")
                    change_content[4].style.display = 'block';

                } else if (i === 5) {
                    for (let j = 0; j < btn.length; j++) {
                        change_content[j].style.display = 'none';
                        $('#navigationDiv').show();
                        $('#contentid').show();

                        if (dianhandler !== null) {
                            dianhandler.destroy(); //关闭事件句柄
                            dianhandler = null;
                        }
                        if (handler22 !== null) {
                            handler22.destroy(); //关闭事件句柄
                            handler22 = null;
                        }
                        $('#select_data_caiboliang').hide()
                        $('#find_data_caiboliang').css('margin-left', '35%')
                    }
                    change_content[5].style.display = 'block';
                    kuangqu()
                }else if (i === 6) {
                    for (let j = 0; j < btn.length; j++) {
                        change_content[j].style.display = 'none';
                        $('#navigationDiv').hide();
                        $('#contentid').hide();
                        if (dianhandler !== null) {
                            dianhandler.destroy(); //关闭事件句柄
                            dianhandler = null;
                        }
                        if (handler22 !== null) {
                            handler22.destroy(); //关闭事件句柄
                            handler22 = null;
                        }
                        // $('#select_data_caiboliang').hide()
                        // $('#find_data_caiboliang').css('margin-left', '35%')
                    }
                    change_content[6].style.display = 'block';
                    // kuangqu()
                }
                else if (i === 7) {
                    for (let j = 0; j < btn.length; j++) {
                        change_content[j].style.display = 'none';
                        $('#navigationDiv').hide();
                        $('#contentid').hide();
                        if (dianhandler !== null) {
                            dianhandler.destroy(); //关闭事件句柄
                            dianhandler = null;
                        }
                        if (handler22 !== null) {
                            handler22.destroy(); //关闭事件句柄
                            handler22 = null;
                        }
                        // $('#select_data_caiboliang').hide()
                        // $('#find_data_caiboliang').css('margin-left', '35%')
                    }
                    change_content[7].style.display = 'block';
                    // kuangqu()
                }
            }
        }


        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        var option = {
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: ['泥炭', '褐煤', '烟煤', '无烟煤'],
                textStyle: {

                    color: '#ffffff'//字体颜色
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            toolbox: {
                // feature: {
                //     saveAsImage: {}
                // }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                axisLabel: {
                    show: true,
                    color: '#ffffff'
                }
            },
            yAxis: {
                type: 'value',
                axisLabel: {
                    show: true,
                    color: '#ffffff'
                }
            },
            series: [
                {
                    name: '泥炭',
                    type: 'line',
                    stack: 'Total',
                    data: [120, 132, 101, 134, 90, 230, 210]
                },
                {
                    name: '褐煤',
                    type: 'line',
                    stack: 'Total',
                    data: [220, 182, 191, 234, 290, 330, 310]
                },
                {
                    name: '烟煤',
                    type: 'line',
                    stack: 'Total',
                    data: [150, 232, 201, 154, 190, 330, 410]
                },
                {
                    name: '无烟煤',
                    type: 'line',
                    stack: 'Total',
                    data: [320, 332, 301, 334, 390, 330, 320]
                }
            ]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);


        function people_chart_get(num){
            var chartDom = document.getElementById('people_chart');
            var myChart = echarts.init(chartDom);

           var option = {
               tooltip: {
                   trigger: 'item'
               },
               legend: {
                   top: '0%',
                   // orient: 'vertical',
                   left: 'center',
                   textStyle: {
                       color: '#ffffff'
                   }
               },
               series: [
                   {
                       name: '人员情况表',
                       type: 'pie',
                       radius: ['55%', '80%'],
                       avoidLabelOverlap: false,
                       label: {
                           show: false,
                           position: 'center'
                       },
                       emphasis: {
                           label: {
                               show: false,
                               fontSize: 40,
                               fontWeight: 'bold'
                           }
                       },
                       labelLine: {
                           show: false
                       },
                       data: [
                           { value: 1048, name: '到岗人员' },
                           { value: 735, name: '请假人员' },
                           { value: 580, name: '未到岗人员' },
                       ]
                   }
               ]
           };
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        }












        // 矿山人员
        var myChart3 = echarts.init(document.getElementById('main3'));
        // 指定图表的配置项和数据
        option3 = {
            legend: {
                top: 'bottom',
                textStyle: {

                    color: '#ffffff'//字体颜色
                }
            },
            tooltip: {
                trigger: "item",
            },
            toolbox: {
                show: true,
                feature: {
                    // mark: { show: true },
                    // dataView: { show: true, readOnly: false },
                    // restore: { show: true },
                    // saveAsImage: { show: true }
                }
            },
            series: [
                {
                    name: 'Nightingale Chart',
                    type: 'pie',
                    radius: [20, 100],
                    center: ['50%', '50%'],
                    roseType: 'area',

                    itemStyle: {
                        borderRadius: 8
                    },
                    data: [
                        { value: 40, name: '到岗人员' },
                        { value: 38, name: '未到岗人员' },
                        { value: 32, name: '请假人员' },

                    ]
                }
            ]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart3.setOption(option3);
        $('#jiance_left_guidance_Div_1').click(function () {
            $('#jiance_left_guidance_Div_1').css('color', 'rgb(177, 187, 126)');
            $('#jiance_left_guidance_Div_2').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_3').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_4').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_5').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_6').css('color', 'rgb(205, 223, 233)');
            $('#bianpotu').hide();
            $('#bpxx').hide();
            $('#bpmz').hide();
            //close_WL();
            console.log(adata)
            $('#Jkjc').show();
            $("#mytable_list").hide();
        });
        $('#jiance_left_guidance_Div_3').click(function () {
            $('#jiance_left_guidance_Div_3').css('color', 'rgb(177, 187, 126)');
            $('#jiance_left_guidance_Div_2').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_4').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_5').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_6').css('color', 'rgb(205, 223, 233)');
            $('#bianpotu').hide();
            $('#bpxx').hide();
            $('#bpmz').hide();
            //close_WL();
            $('#Jkjc').hide();
        });
        $('#jiance_left_guidance_Div_4').click(function () {
            $('#jiance_left_guidance_Div_4').css('color', 'rgb(177, 187, 126)');
            $('#jiance_left_guidance_Div_2').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_3').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_5').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_6').css('color', 'rgb(205, 223, 233)');
            $('#bianpotu').hide();
            $('#bpxx').hide();
            $('#bpmz').hide();
            //close_WL();
            $('#Jkjc').hide();
        });
        $('#jiance_left_guidance_Div_5').click(function () {
            $('#jiance_left_guidance_Div_5').css('color', 'rgb(177, 187, 126)');
            $('#jiance_left_guidance_Div_2').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_4').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_3').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_6').css('color', 'rgb(205, 223, 233)');
            $('#bianpotu').hide();
            $('#bpxx').hide();
            $('#bpmz').hide();
            //close_WL();
            $('#Jkjc').hide();
        });
        $('#jiance_left_guidance_Div_6').click(function () {
            $('#jiance_left_guidance_Div_6').css('color', 'rgb(177, 187, 126)');
            $('#jiance_left_guidance_Div_2').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_4').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_5').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_3').css('color', 'rgb(205, 223, 233)');
            $('#bianpotu').hide();
            $('#bpxx').hide();
            $('#bpmz').hide();
            //close_WL();
            $('#Jkjc').hide();
        });

        function bianpoclick(){
            console.log(adata)
            $('#jiance_left_guidance_Div_2').css('color', 'rgb(177, 187, 126)');
            $('#jiance_left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_3').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_4').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_5').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_6').css('color', 'rgb(205, 223, 233)');
            $('#Jkjc').hide();
            Add_WL();
            $('#dataselecr_id').css('left', '10.5%')
            $('#dataselecr_id').css('top', '65px')
            $("#catname").text('边坡监测')

            if (adata == 0) {
                $("#dataselecr_id").show();
                adata = 1
            } else {
                $("#dataselecr_id").hide();
                adata = 0
            }
            $("#mytable_list").hide();

            viewer.camera.flyTo({
                destination: Cesium.Cartesian3.fromDegrees(119.135251821, 45.922829815, 4000),
                orientation: {
                    //range:500
                }
            });
            // viewer.camera.flyTo({
            //     destination:new Cesium.Cartesian3(431764.43,5089474.046,9111900),
            //     orientation: {
            //         //range:500
            //     }
            // });

            //关闭摄像头列表
            for (var i = 101; i < 107; i++) {
                viewer.entities.removeById(i);
                // console.log(i)
            }
            //
            $('#First_Diggings_all input').prop('checked', false);
            var biaopoid = document.getElementById("bianpotu");
            var bpid = document.getElementById("bpmz");
            var bp1id = document.getElementById("bpxx");
            var flag = biaopoid.style.display == "none";
            var flag1 = bpid.style.display == "none";
            var flag2 = bp1id.style.display == "none";
            if (flag1) {
                $("#bpmz").show();
                $('#bp1 a').css('color', 'rgb(205, 223, 233)');
                $('#bp2 a').css('color', 'rgb(205, 223, 233)');
                $("#bpxx").hide();
                $("#bpxx1").hide();
                $("#bianpotu").hide();
            } else {
                $("#bpmz").hide();
                $("#bpxx").hide();
                $("#bpxx1").hide();
                $("#bianpotu").hide();
            }



            // }else {
            // 	$("#bpmz").hide();
            // 	$("#bpxx").hide();
            // 	$("#bianpotu").hide();
            // }
        }

        $('#jiance_left_guidance_Div_2').click(function () {
            console.log(adata)
            $('#jiance_left_guidance_Div_2').css('color', 'rgb(177, 187, 126)');
            $('#jiance_left_guidance_Div_1').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_3').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_4').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_5').css('color', 'rgb(205, 223, 233)');
            $('#jiance_left_guidance_Div_6').css('color', 'rgb(205, 223, 233)');
            $('#Jkjc').hide();
            Add_WL();
            $('#dataselecr_id').css('left', '10.5%')
            $('#dataselecr_id').css('top', '65px')
            $("#catname").text('边坡监测')

            if (adata == 0) {
                $("#dataselecr_id").show();
                adata = 1
            } else {
                $("#dataselecr_id").hide();
                adata = 0
            }
            $("#mytable_list").hide();

            viewer.camera.flyTo({
                destination: Cesium.Cartesian3.fromDegrees(119.135251821, 45.922829815, 4000),
                orientation: {
                    //range:500
                }
            });
            // viewer.camera.flyTo({
            //     destination:new Cesium.Cartesian3(431764.43,5089474.046,9111900),
            //     orientation: {
            //         //range:500
            //     }
            // });

            //关闭摄像头列表
            for (var i = 101; i < 107; i++) {
                viewer.entities.removeById(i);
                // console.log(i)
            }
            //
            $('#First_Diggings_all input').prop('checked', false);
            var biaopoid = document.getElementById("bianpotu");
            var bpid = document.getElementById("bpmz");
            var bp1id = document.getElementById("bpxx");
            var flag = biaopoid.style.display == "none";
            var flag1 = bpid.style.display == "none";
            var flag2 = bp1id.style.display == "none";
            if (flag1) {
                $("#bpmz").show();
                $('#bp1 a').css('color', 'rgb(205, 223, 233)');
                $('#bp2 a').css('color', 'rgb(205, 223, 233)');
                $("#bpxx").hide();
                $("#bpxx1").hide();
                $("#bianpotu").hide();
            } else {
                $("#bpmz").hide();
                $("#bpxx").hide();
                $("#bpxx1").hide();
                $("#bianpotu").hide();
            }



            // }else {
            // 	$("#bpmz").hide();
            // 	$("#bpxx").hide();
            // 	$("#bianpotu").hide();
            // }

        });



        // 获取弹窗和输入框元素
        var searchPopup = document.getElementById("searchPopup");
        var searchInput = document.getElementById("searchInput");
        var searchButton = document.getElementById("searchButton");

        // 显示搜索弹窗
        function showSearchPopup() {
            searchPopup.style.display = "block";
        }

        // 隐藏搜索弹窗
        function hideSearchPopup() {
            searchPopup.style.display = "none";
        }

        $('input[type="radio"]').on('change', function (event) {
            console.log($(this)[0].checked.toString())
            var name = $(this)[0].name;
            //三维影像
            if ($(this)[0].checked.toString() == 'true') {
                window.tilesets_DY_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = true;
                        viewer.flyTo(item);
                    }
                })
            } else {
                window.tilesets_DY_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = false;
                        false_flyto();
                    }
                })
            }
            if ($(this)[0].checked.toString() == 'true') {
                window.tilesets_DWG_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = true;
                        window.tilesets_QX_Group.forEach((item, index) => {
                            item.style = new Cesium.Cesium3DTileStyle({
                                color: "color('rgba(255,255,255,1)')",

                            });
                        })
                        viewer.flyTo(item);
                    }
                })
            } else {
                window.tilesets_DWG_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = false;
                        false_flyto();
                    }
                })
            }
        })

        //监听复选框加载倾斜数据
        $('input[type="checkbox"]').on('change', function (event) {
            console.log($(this)[0].checked.toString())
            //三维影像
            var name = $(this)[0].name;
            console.log('name', name);
            if ($(this)[0].checked.toString() == 'true') {
                window.tilesets_QX_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = true;
                        window.tilesets_QX_Group.forEach((item, index) => {
                            item.style = new Cesium.Cesium3DTileStyle({
                                color: "color('rgba(255,255,255,1)')",
                            });
                        })
                        // false_flyto();
                        console.log("a")
                        viewer.flyTo(item);

                    }
                })
            } else {
                window.tilesets_QX_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = false
                        false_flyto();
                    }
                })
            }

            //dwg影像
            if ($(this)[0].checked.toString() == 'true') {
                window.tilesets_DWG_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = true;
                        window.tilesets_QX_Group.forEach((item, index) => {
                            item.style = new Cesium.Cesium3DTileStyle({
                                color: "color('rgba(255,255,255,1)')",

                            });
                        })
                        viewer.flyTo(item);
                    }
                })
            } else {
                window.tilesets_DWG_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = false;
                        false_flyto();
                    }
                })
            }
            //点云数据
            if ($(this)[0].checked.toString() == 'true') {
                window.tilesets_DY_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = true;
                        window.tilesets_QX_Group.forEach((item, index) => {
                            item.style = new Cesium.Cesium3DTileStyle({
                                color: "color('rgba(255,255,255,1)')",

                            });
                        })
                        viewer.flyTo(item);
                    }
                })
            } else {
                window.tilesets_DY_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = false;
                        false_flyto();
                    }
                })
            }
            //管线数据
            if ($(this)[0].checked.toString() == 'true') {
                window.tilesets_GX_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = true;
                        window.tilesets_QX_Group.forEach((item, index) => {
                            item.style = new Cesium.Cesium3DTileStyle({
                                color: "color('rgba(255,255,255,0.3)')",

                            });
                        })
                        console.log(item)
                        viewer.flyTo(item);
                    }
                })
            } else {
                window.tilesets_GX_Group.forEach((item, index) => {
                    if (item._url.search(name) != -1) {
                        item.show = false;
                        false_flyto();
                    }
                })
            }
            //摄像头
            if ($(this)[0].checked.toString() == 'true') {
                window.tilesets_SXT_Group.forEach((item, index) => {
                    console.log('a');
                    window.tilesets_QX_Group.forEach((item, index) => {
                        item.style = new Cesium.Cesium3DTileStyle({
                            color: "color('rgba(255,255,255,1)')",

                        });
                    })
                    var item_id = "sxt" + ((item._id).toString())
                    if (name == 'sxt10') {
                        item.show = true;
                        viewer.camera.flyTo({
                            destination: Cesium.Cartesian3.fromDegrees(119.12981248807075, 45.92899648373316, 7900)
                        });
                    } else {
                        if (item_id.search(name) != -1) {
                            item.show = true;
                            viewer.flyTo(item);
                        }
                    }
                })
            } else {
                window.tilesets_SXT_Group.forEach((item, index) => {
                    var item_id = "sxt" + ((item._id).toString())
                    if (item_id.search(name) != -1) {
                        item.show = false;

                    }
                })
            }

        });
        $(document).ready(function () {
            window.tilesets_QX_Group.forEach((item, index) => {
                if (item._url.search("moxing1") != -1) {
                    item.show = true
                } else {
                    item.show = false
                }
            })
            window.tilesets_DWG_Group.forEach((item, index) => {
                item.show = false
            })
            window.tilesets_DY_Group.forEach((item, index) => {
                item.show = false
            })
            window.tilesets_GX_Group.forEach((item, index) => {
                item.show = false
            })

        })

        function false_flyto() {
            viewer.camera.flyTo({
                //注意：Cesium.Cartesian3.fromDegrees(经度，纬度，高度)。经纬度坐标转笛卡尔坐标xyz
                destination: Cesium.Cartesian3.fromDegrees(119.12000925226522, 45.826516952816906, 8000),
                orientation: {
                    heading: Cesium.Math.toRadians(0.0), //相机绕z轴旋转
                    pitch: Cesium.Math.toRadians(-35), //相机绕y轴旋转
                    roll: 0.0, //相机绕x轴旋转
                },
            });
            console.log('asd')
        };

        //关闭当前页面所有div
        function getNumber() {
            console.log('getNumber')
            var num = {};
            var url = 'http://3510b38g11.zicp.fun:13894/kuangqu/vehicleInfo/numberByState';
            $.ajax({
                type: 'GET',
                headers: {
                    Authorization: localTokenData
                },
                // url: 'http://192.168.0.108:8282/kuangqu/sys/user/login',  //后台地址注意要改
                // url: 'http://3510b38g11.zicp.fun:13894/kuangqu/sys/user/login',  //后台地址注意要改
                url: url,
                contentType: "application/json",
                success: function (res) {
                    num = res.data;
                    console.log(num);
                    // document.getElementById('main2_people').innerHTML = `人员工作状态 : ${num.PonLine}人工作中，${num.PNotonLine + num.Pleave}人休息中`;
                    // document.getElementById('main2_car').innerHTML = `车辆运行状态 : ${num.VonLine}辆车正在工作中`;
                    // document.getElementById('main2_monitor').innerHTML = '监控显示状态 : 全部监控正常显示';
                    document.getElementById("people_number_work").textContent=num.PonLine;
                    document.getElementById("people_number_rest").textContent=num.PNotonLine + num.Pleave;

                    document.getElementById("car_number").textContent=num.VonLine;
                    people_chart_get(num);
                    document.getElementById("people_number_work2").textContent=num.PonLine;
                    document.getElementById("people_number_qj").textContent=num.Pleave;
                    document.getElementById("people_number_wdg").textContent=num.PNotonLine;
                    document.getElementById("people_sum_number").textContent=num.PonLine+num.PNotonLine + num.Pleave;

                }
            })
            // console.log(dataList)
            // return dataList;
        }

    </script>
</body>

</html>